title: Jquery Ajax Call to WEB API
body: <p>I'm trying to make a simple jquery ajax call to a WEB API method.</p>
  
  <pre><code>&lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt; 
  &lt;script type="text/javascript"&gt;
  
      $(document).ready(function () {
  
          $.ajax({
              type: 'POST',
              url: 'http://redrock.com:6606/api/values/get',
  
              dataType: "jsonp",
  
              crossDomain: true,
              success: function (msg) {
  
                  alert("success");
  
              },
              error: function (request, status, error) {
  
                  alert(error);
              }
          });
      });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>WEB API action:</p>
  
  <pre><code> public IEnumerable&lt;string&gt; Get()
    {
       return new string[] { "value1", "value2" };
    }
  </code></pre>
  
  <p>ajax call does not hitting the WEB API. I get the below error in browser console.</p>
  
  <p>GET <a href="http://redrock.com:6606/api/values/get?callback=jQuery18207315279033500701_1383300951840&amp;_=1383300951850" rel="noreferrer">http://redrock.com:6606/api/values/get?callback=jQuery18207315279033500701_1383300951840&amp;_=1383300951850</a> 400 (Bad Request) </p>