<system.webServer>     ......     .... <httpProtocol> <customHeaders> <add name="Access-Control-Allow-Origin" value="*" /> <add name="Access-Control-Max-Age" value="3600" /> <add name="Access-Control-Allow-Headers" value="Content-Type, Accept, MaxDataServiceVersion" /> <add name="Access-Control-Allow-Methods" value="PUT, POST, GET, DELETE, MERGE, OPTIONS" /> </customHeaders> </httpProtocol> </system.webServer> 

<script  type="text/javascript">          $(document).ready(function () {              $(":button").on("click", function(event){                  //alert( $(this).attr('value'));                  var url = "http://localhost:2401/ApplicationData.svc/Records";                  $.getJSON(url, function (data) {                      var items = [];                      var values = data.value;                      $.each(values, function (key, val) {                          items.push('<li id="' + key + '">' + val.Name + '</li>');                      });                      $('<ul/>', {                          'class': 'my-new-list',                          html: items.join('')                      }).appendTo('#mylist');                  });              });          });     </script>