title: JQuery AutoComplete with ASP.Net
body: <p>Below is my JavaScript</p>
  
  <pre><code>    &lt;script&gt;
      $(function () {
          function log(message) {
              $("&lt;div/&gt;").text(message).prependTo("#log");
              $("#log").attr("scrollTop", 0);
          }
  
          $("#city").autocomplete({
              source: function (request, response) {
                  $.ajax({
                      url: "getpostcodes.aspx",
                      dataType: "jsonp",
                      data: {
                          like: request.term
                      },
                      success: function (data) {
                          response($.map(data.RegionList, function (item) {
                                  return {
                                  label: item.Detail,
                                  value: item.Detail
                              }
                          }));
                      }
                  });
              },
              minLength: 2,
              select: function (event, ui) {
                  log(ui.item ?
                  "Selected: " + ui.item.label :
                  "Nothing selected, input was " + this.value);
              },
              open: function () {
                  $(this).removeClass("ui-corner-all").addClass("ui-corner-top");
              },
              close: function () {
                  $(this).removeClass("ui-corner-top").addClass("ui-corner-all");
              }
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>And below is my JSON Returned by the server</p>
  
  <pre><code>{"RegionList":[{"Detail":"2250, GOSFORD"}]} 
  </code></pre>
  
  <p>But my auto complete doesn't show up the result? am i doing anything wrong?</p>