title: update div with Ajax MVC4
body: <p>I can't seem to understand how to update a div of items after a category is selected. I've got this far and am now confused. How to get the values from the view into the controller to make the query?</p>
  
  <pre><code> //get &lt;li&gt; clicked and display the items in that category
   $(document).ready(function() {
  $('#test li').click(function() {
      var selector = "input[name='" + $(this).id + "value']";
      var catID = $(selector).val(); 
  
      $.ajax({
          url: "...",
          type: "get",
          data: {//return all the item info},
          success: function(data) {
              //update div contents here?
  
          }
      });
  });
  });
  </code></pre>
  
  <p>Partial to be updated upon which category is clicked</p>
  
  <pre><code>@foreach (var item in Model)
   {
  
      &lt;ul&gt;
  
          &lt;li&gt;@item.item_name&lt;/li&gt;
          &lt;li&gt;&lt;input type="hidden" class="item_id" value="@item.ID" /&gt;&lt;/li&gt;
  
      &lt;/ul&gt;
  
   }
  </code></pre>
  
  <p>Controller</p>
  
  <pre><code>public ActionResult PartialTwo( int id)//how to pass category id?
      {
  
          var query = from d in db.Items
                      where d.catId==id
                      orderby d.dateAdded
                      select d;
          var results = query;
  
  
          return PartialView("_FullInfoPartial", results);
          //returns items in the clicked category  
  
      }
  </code></pre>