title: ajax post error chrome
body: <p>I'm looking to send my form details through ajax, but every time I hit Submit button, I get the error</p>
  
  <pre><code> POST http://192.***.**.***:****/api/csl net::ERR_CONNECTION_TIMED_OUT
  
  
   m.ajaxTransport.send @ jquery.min.js:4
  m.extend.ajax @ jquery.min.js:4
  (anonymous function) @ index.html:278
  m.event.dispatch @ jquery.min.js:3
  m.event.add.r.handle @ jquery.min.js:3
  m.event.trigger @ jquery.min.js:3
  (anonymous function) @ jquery.min.js:3
  m.extend.each @ jquery.min.js:2
  m.fn.m.each @ jquery.min.js:2
  m.fn.extend.trigger @ jquery.min.js:3
  m.each.m.fn.(anonymous function) @ jquery.min.js:4
  (anonymous function) @ index.html:223
  m.event.dispatch @ jquery.min.js:3
  m.event.add.r.handle @ jquery.min.js:3
  </code></pre>
  
  <p>and</p>
  
  <pre><code> Uncaught SyntaxError: Unexpected end of input on index line :1 
  </code></pre>
  
  <p>Here's the code where I'm having issues</p>
  
  <pre><code>$.ajax({
              type: "POST",
              dataType: "json",
              //contentType: "application/x-www-from-urlencoded; charset=UTF-8",
              url: 'http://192.***.**.***:**/api/csl',
              data: source,
              success: function (data) {
                  console.log("in ajax");
                  var resultsList = data;
                  var source = $('#renderCalculation').html();
                  var template = Handlebars.compile(source);
                  calcTable.html(template(resultsList));
                  $('#tblCalc td:nth-child(2)').each(function(d, e) {
                      $(e).text("$" + parseFloat($(this).text()).formatMoney(2)); 
                  });
              },
              error: function (error) {
                  jsonValue = jQuery.parseJSON(error.responseText);
              }
          });
      });
  </code></pre>
  
  <p>i got error from browser side</p>