title: Using jquery post for mvc 3 not working when deployed
body: <p>So I've got this MVC 3 application that has a dropdown that I use to populate a div via jquery. It works fine locally but when I deploy it to the server it's redirecting incorrectly. Here's my jquery:</p>
  
  <pre><code>$("#ddlCategoryMain").change(function () {
      $.post("/Home/Category/", { mileID: $(this).val() }, function (data) {
          refreshDiv($("div#main"), data);
      });
  });
  
  function refreshDiv(select, data) {
      select.html("");
      select.append(data);
  }
  </code></pre>
  
  <p>Locally this works fine. But when deployed to my server it appears to be looking for <a href="http://myserver/Home/Category" rel="noreferrer">http://myserver/Home/Category</a> instead of <a href="http://myserver/mywebsite/Home/Category" rel="noreferrer">http://myserver/mywebsite/Home/Category</a></p>
  
  <p>I can fix it by simply adding the name of my application before the /Home/Category in the jquery function, but that doesn't feel right...</p>
  
  <p>I've also tried to add ../, ~/, ../../ before the /Home but that made no difference.</p>
  
  <p>Any solutions to this minor problem?
  Thanks!</p>