title: jquery ajax request with json throwing parsererror
body: <p>I have searched lot of on this issue and tried almost everything but it doesn't seem to be work so posting it here.</p>
  
  <p>I am trying to make jquery ajax call to <code>ashx</code> handler by passing json data. But my request doesnt reach till handler <code>GetBalance.ashx</code></p>
  
  <p>code :</p>
  
  <pre><code> var mydata = {};
  
  $.ajax({
      url: 'Handlers/GetBalance.ashx?type=authenticateRequest',
      type: 'post',
      dataType: 'json',
      cache: false,
      data: mydata,
      success: function (data) {
      },
      error: function (xhr, status) {
          console.log(status);
          console.log(xhr.responseText);
      }
  });
  </code></pre>
  
  <p>in console it prints </p>
  
  <pre><code>parsererror
  (empty string)
  </code></pre>
  
  <p>What i am doing wrong ? It should reach till <code>.ashx</code> before it gives any response parse error</p>
  
  <p><strong>Edit:</strong></p>
  
  <p><em>Changed as suggested by answer</em></p>