How to read data from external JSON file to populate the dropdown box?

var jsonData = {
                                   "Table": [{
                                       "stateid": "2",
                                       "statename": "AP"
                                   }, {
                                       "stateid": "3",
                                       "statename": "TL"
                                   }, {
                                       "stateid": "4",
                                       "statename": "Kewrala"
                                   }, {
                                       "stateid": "5",
                                       "statename": "TN"
                                   }, {
                                       "stateid": "6",
                                       "statename": "WR"
                                   }]
                               };

$(document).ready(function () {
    var listItems = '<option selected="selected" value="0">- Select -</option>';

    for (var i = 0; i < jsonData.Table.length; i++) {
        listItems += "<option value='" + jsonData.Table[i].stateid + "'>" + jsonData.Table[i].statename + "</option>";
    }

    $("#DLState").html(listItems);
});