title: Ajax returning 404 error on ASP MVC3 site
body: <p>This Ajax code works perfectly is I'm running the program on my local machine. However, once we put this out on a DEV server we get a 404 error. The site is an ASP MVC3 site that communicates with a SQL database, and the rest of the site has no problem doing so. I'm brand new to Ajax so I'm not quite sure where to look. Could this be an issue with IIS as well? </p>
  
  <p>Ajax code</p>
  
  <pre><code>    var request = $.ajax({
          type: 'POST',
          url: '/BatchPrograms/PopDetails',
          data: { 'programName': pgmname },
          dataType: 'text',
          success: function (data) {
              console.log(data);
              alert(data);
              //$('#data').dialog('open');
          },
          error: function (data) {
              console.log(data)
              alert("Unable to process your resquest at this time.");
          }
      });
  </code></pre>
  
  <p>Chrome's Console error message: </p>
  
  <pre><code>POST http://insideapps.dev.symetra.com/BatchPrograms/PopDetails 404 (Not Found) 
  
  send                                           jquery-1.8.3.js:8434
  jQuery.extend.ajax                             jquery-1.8.3.js:7986
  GetProgramDetails                              BatchDashboard:51
  onclick                                        BatchDashboard:165
  </code></pre>
  
  <p>Chome's Network error message</p>
  
  <pre><code>Name (Path)      Method  Status (Text)    Type         Initiator             Size  Time (Latency)
  PopDetails       POST    404 Not Found    Text/Html    jquery-1.8.3.js:8434  1.8KB 21ms
  /BatchPrograms                                         Script                1.6KB 17ms
  </code></pre>