I might be overlooking something obvious here but I am having trouble using the .after() to insert new elements in IE7. It seems to work fine in Firefox (imagine that). At this point I'm simply trying to add a row to a table for each object in the JSON array. The alert shows the element has been added when run in IE but it never renders. Any thoughts on why this would not work in IE?

$(document).ready(
    function(){
     $("#ajaxButton").click(
      function(){
       try{
        $.getJSON(
         'json.html',
         function(json){
          var myTable = $("#ticketTable");
          for(i = 0; i < json.tickets.length; i++){
           var myTicket = json.tickets[i];
           var newRow = "<tr><td>" + myTicket.ticketId + "</td><td>" + myTicket.ticketNumber + "</td></tr>";
           alert(myTable.children(":last").html());
           myTable.children(":last").after(newRow);
          }
         }
        );
       } catch(e){
        alert(e.message); 
       }
      }
     );
    }
   );