title: render a different view on jquery post
body: <p>i'm new to development so please be patient if i ask a ridiculous question...</p>
  
  <p>i'm trying to post <code>id</code> to my action result on drop down value changed using <code>$.post</code> which works fine but it returns to the same view, but i want it to render a different view</p>
  
  <p>here is my jquery code its in home/index</p>
  
  <pre><code> $('#select-supplier').change(function (e) {
                  var atrVal = $(this).val();
                  if (atrVal != '') {
  
                      $.post('&lt;%=Url.Action("SupplierSelect","Supplier")%&gt;', { id: atrVal });
  
  
                      // alert('value changed ' + atrVal);
                  } else { alert('please  select a value'); }
  
  
              });
  </code></pre>
  
  <p>here is my controller side(SupplierController)</p>
  
  <pre><code> public class SupplierController : Controller
      {               
          public ActionResult SupplierSelect(int id)
          {
              //some code
              return View();
          }
  
      }
  </code></pre>
  
  <p>instead of rendering the <code>SupplierSelect</code> view it comes back to the home/index from where it was called</p>
  
  <p>tnx in advance</p>