title: Jquery bind doesnt work on AJAX loaded content
body: <p>I have this script which basically shows the data of the selected row of the table in common text box or in div. the script works perfectly fine with when the page load first time, but i can't get it going on the ajax loaded content. I checked couple of thread on the forum about using .delegate or .on. I can use them with click, mouseenter, mouseleave, but its not working with bind... i tried replacing "tr.bind" with "$(document).delegate($('#Student_List').find('tr'),'click', function(event)" but no luck ... :-(( please help. </p>
  
  <p>I am laoding Ajax Content in division with id StudentDetails.</p>
  
  <p>Thanks in advance.</p>
  
  <pre><code>&lt;script type=Javascript/text&gt;    
  $(function() {
  
      var tr = $('#Student_List').find('tr');
      //$(document).delegate($('#Student_List').find('tr'),'click', function(event) {
      tr.bind('click', function(event) {
  
          tr.removeClass('row-highlight');
          var tds = $(this).addClass('row-highlight').find('td');
  
          var studentId = document.getElementById("STUDENT_ID");
          studentId.innerHTML = $(this).children("td:nth-child(1)").text();
  
          var sName = document.getElementById("STUDENT_NAME");
          sName.innerHTML = $.trim($(this).children("td:nth-child(2)").text());
  
          $("#STUDENT_PROJECTS").val($.trim($(this).children("td:nth-child(3)").text()));         
  
      });
  });
  &lt;/script&gt;
  
  &lt;body&gt;
      &lt;div id="StudentDetails"&gt;
          &lt;span&gt;Student ID:&lt;/span&gt;&lt;span id="STUDENT_ID"&gt;&lt;/span&gt;
          &lt;br/&gt;
          &lt;span&gt;Student Name:&lt;/span&gt;&lt;span id="STUDENT_NAME"&gt;&lt;/span&gt;
          &lt;br/&gt;
          &lt;input type="text" name="STUDENT_PROJECTS" id="STUDENT_PROJECTS"/&gt;
          &lt;br/&gt;
          &lt;table id="Student_List"&gt;
              &lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;James&lt;/td&gt;&lt;td&gt;Project 1&lt;/td&gt;&lt;/tr&gt;
              &lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;Maria&lt;/td&gt;&lt;td&gt;Project 2&lt;/td&gt;&lt;/tr&gt;
              &lt;tr&gt;&lt;td&gt;3&lt;/td&gt;&lt;td&gt;Frank&lt;/td&gt;&lt;td&gt;Project 3&lt;/td&gt;&lt;/tr&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>