title: on check box check send value to partial view and update it mvc 3
body: <p>i have two partial view one is having a 5 checkbox (for filtering) and another will display the filtered data.</p>
  
  <pre><code>&lt;input type="checkbox" data-toggle="checkbox" id="2000-5000"/&gt;Rs.2000-Rs.5000
  &lt;input type="checkbox" data-toggle="checkbox" id="2000-5000"/&gt;Rs.2000-Rs.5000
  </code></pre>
  
  <p>and with help of jquery am sending the request to controller..</p>
  
  <pre><code>    public PartialViewResult PhonesPartail(int? id,string where)
      {
          var list = paginateRsult(id, "", where).ToList();
          ViewData["totalpages"] = totalPages;
          return PartialView("_phonelist",list);
      }
  </code></pre>
  
  <p>and the jquery </p>
  
  <pre><code> $(document).on("change", ".price-checkbox input[type=checkbox]", function () {
          if ($(this).is(":checked")) {
              var prange = $(this).attr("id");
              var parray = prange.split('-');
              var whereclause = "price&gt;=" + parray[0] + " and price &lt;=" + parray[1];
              $.ajax({
                  url: '../../Phones/PhonesPartail',
                  data: { where: whereclause },
                  type: 'POST',
                  success: function (data) {
                      $("#phone-list").append(data);
  
                  }
              });
          }
      });
  </code></pre>
  
  <p>now the list which is returned , is getting added to the div with entire html page.. means again the html page is getting added in the div..</p>
  
  <p>any solution..</p>
  
  <p>Thanks in advance...</p>