link from JQuery is not working

[Nicky Eng]

I have one issue which I don't understand why it cannot work.

I have a page first load data from Servlet and display in a table(inside div1). Inside the table each row I have link attached to data.

When I click on the link, the dialog (div2) is not showing up.

But if i put static data on the table and have link attached to data, i click then it works, my div2 is shown on the screen.

So am I missing something in JQuery?

Let's see my code:

.getJSON("json.do", {action: "value"}, function(data) {
   var table = "<table>";
   var tablebtm = "</table>";

   $(table).appendTo("#div1");

   $.each(data.driver, function(i, data) {
      var tableContent = "<tr><td><a  class='basic' rel="nofollow">" +data.name+"</a></td></tr>";
      $(tableContent).appendTo("#div1");
   });
   $(tablebtm).appendTo("#div1");
   
});

Part 2:

$("#div1 .basic").click(function() {
   $("#div2").modal();
});

I checked the page, it loaded with my data but from browser's page source, it doesn't have data from JQuery script at all....it just display something like this

<div id="div1">
<!-- its empty here -->
</div>

maybe that is why the link is not working? because of the rendered html code ?
i'm lost....


please help.
Regards
Nick

[Eric Pascarello]

$(tableContent).appendTo("#div1");

You are appending table rows to a div, not a table.

Eric