title: ajax posting from a partial view to controller is null
body: <p>I have this baffling and quite silly problem. </p>
  
  <p>I have a weakly typed partial view in my MVC4 application. On it I have a button</p>
  
  <pre><code>&lt;input type="button" class="btn btn-primary btn-lg" value="Find" id="fej-find" /&gt;
  </code></pre>
  
  <p>I send a jQuery ajax call from my controller to it like this</p>
  
  <pre><code>//searchedJob.Num = $("#fej-JobNumber").val();
  //var DTO = { searchedJob: searchedJob };
  var DTO = { searchedJobNumber: $("#fej-JobNumber").val() };
  $.ajax({
      data: JSON.stringify(DTO),
      type: 'POST',
      url: '@Url.Action("SearchJobs", "Jobs")',
      success: function (msg) {
          return alert(msg);
      }
  });
  </code></pre>
  
  <p>Firebug shows me this</p>
  
  <p><img src="https://i.stack.imgur.com/PzjjX.png" alt="enter image description here"></p>
  
  <p>But when I debug, my controller shows this.</p>
  
  <p><img src="https://i.stack.imgur.com/npfWs.png" alt="enter image description here"></p>
  
  <p>Something is very wrong with my code. What could that be?</p>