Hey guys.  I'm still fairly inexperienced with JQuery and JavaScript, too.  I'm currently working on a City, State, and Zip validator that utilizes JQuery UI's modal dialog box.  Everything works fine.  I'm just sure there is a better way to do this than using so much code.  When the user clicks the "prompt" button, the dialog appears and runs an AJAX program that populates the table inside of the dialog box based on what was inserted into an input field.  The AJAX program returns a JSON string that contains the cities, states, and zips.  Can you guys see any ways that I can condense the code?

 

 

   $('#dialog_linkCity').click(function() {
    $.getJSON("CITYSTZIP",{city: $('#dialogCityInput').val(), ajax: 'true'}, function(k) {
     var td = '<tr class="empty" style="visibility: collapse;"><td style="width: 0px; display: none;"/>'+
      '<td id="tdCity" style="width: 300px;"/><td id="tdState" style="width: 100px;"/>'+
      '<td id="tdZip" style="width: 120px;"/><td style="width: 30px; border-left: none;"></td></tr>';
     var trClass='alt';
     for (var i=0; i < j.length; i++) {
      if (trClass=='row') {
       trClass='alt';
      }
      else {
       trClass='row';
      }
      
      td = td + '<tr class="'+trClass+'"><td style="width: 300px; text-align: left;">'+j[i].tdCity+'</td>'+
        '<td style="width: 100px;">'+j[i].tdState+'</td>'+
        '<td style="width: 120px;">'+j[i].tdZip+'</td><td style="width: 30px; border-left: none;">&nbsp;&nbsp;</td></tr>';
     }
     $(".grid_tbBody").html(td);
    });

});