title: JQuery autocomplete Ajax POST not sending data
body: <p>I can't seem to figure this out. </p>
  
  <p>Here is my code:</p>
  
  <pre><code>$( document ).ready(function() {
  $("#search").autocomplete({
      source: function (request, response) {
          $.ajax({
              url: "http://localhost:9000",
              data: {"name":"restrictedSearch", "id":$("#select").prop('selectedIndex'), "searchString":request.term, "intMatches": "0"},
              success: function (data) {
                          response($.map(data, function (item) {
                              console.log(item);
                              return {
                                  label: item.term,
                                  id: item.weight,
                              };
                          }));
              },
              type: "POST",
              dataType: "json"
          });
      },
      minLength: 1
  });
  });
  </code></pre>
  
  <p>And the html: </p>
  
  <pre><code>&lt;div&gt;
  &lt;select id="select"&gt;
      &lt;option value="0"&gt;Search&lt;/option&gt;
      &lt;option value="1"&gt;Restricted Search&lt;/option&gt;
      &lt;option value="2"&gt;Best match&lt;/option&gt;
      &lt;option value="3"&gt;Weight of term&lt;/option&gt;
  &lt;/select&gt;
  &lt;/div&gt;
  &lt;div id="s"&gt;
        &lt;input type="text" id="search"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>With Chrome, nothing is posting to the server and none of the console.logs show up.
  When I use the Eclipse inline browser I can see the json being returned in the console but nothing shows up in the HTML</p>
  
  <p>I really don't know what I'm doing wrong, any insight at all would be appreciated.</p>