title: load function loads page but can't do anything with the data
body: <p>So I load this: </p>
  
  <pre><code> $('#categories').load("/Category/GetCats");
  </code></pre>
  
  <p>from this controller</p>
  
  <pre><code>    public ActionResult GetCats()
      {
          var model = db.Cats
              .Where(c =&gt; c.user_id == 5);
  
          //var query = from c in db.Cats where c.user_id == 4 orderby c.catId select c;
          //var i = query.Count();
          //var results = query;
  
          return PartialView("_PartialGetCats", model);
      }
  </code></pre>
  
  <p>to render this view</p>
  
  <pre><code>  @foreach (var item in Model)
    {
  
      &lt;tr&gt;
  
          &lt;td data-id="@item.catId"&gt;@item.item_name&lt;/td&gt;
  
      &lt;/tr&gt;
  
     }
  </code></pre>
  
  <p>
  The categories show but this function</p>
  
  <pre><code>     $('#categories tr').on("click", function () {
                  var requestpage = "/Item/Partial?id=" + $(this).data("id");
                  alert(requestpage);
                  $.get(requestpage, function (result) {
                      $("#results").html(result);
                  });
  </code></pre>
  
  <p>or any other jquery functions do not recognize the <code>$('#categories tr)</code>. It will however recognize <code>$('#categories')</code>. I tested by removing the <code>load()</code> and hardocding this </p>
  
  <pre><code>   $('#categories').html('&lt;tr data-id="5"&gt;&lt;td&gt;new data&lt;/td&gt;&lt;/tr&gt;');
  </code></pre>
  
  <p>and it works. Whats going on? </p>
  
  <p>EDIT: full Index.cshtml view</p>
  
  <pre><code>   @{
  ViewBag.Title = "Home Page";
  }
  
  
  
   &lt;div id="categories"&gt;
   &lt;/div&gt;
  
   &lt;div id="results"&gt;
   &lt;/div&gt;
   &lt;div id="descrip"&gt;
  
   &lt;/div&gt;
  </code></pre>