title: Calling JSon file with ajax(Uncaught ReferenceError: request is not defined)
body: <p>Brand new to using JSon/ajax. Trying to replicate this <a href="https://stackoverflow.com/questions/15695931/jquery-ui-autocomplete-using-a-static-json-file-as-source">jQuery UI Autocomplete using a static json file as source</a> just as an example. I'm not positive I'm referencing this correctly if someone could let know whats wrong. Getting a (Uncaught ReferenceError: request is not defined)</p>
  
  <pre><code>&lt;form id="searchform" method="get" role="search"&gt;
                  &lt;input id="searchfield" /&gt;
                  &lt;input type="submit" name="go" value="go!" /&gt;
              &lt;/form&gt;
  
  
  &lt;script src='js/jquery-1.11.0.min.js'&gt;&lt;/script&gt;
  &lt;script src="js/autocomplete/jquery-ui-1.10.3.custom.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;
  
  &lt;script&gt;
      $(function() {
      $.ajax({
          url: "json/Providers.json",
          dataType: "json",
          data: {term: request.term},
          success: function(data) {
              var cat_data = $.map(data, function(item) {
                  return {
                      ProviderID: item.ProviderID,
                      Name: item.Name,                  
                  };
              });
              $("#searchfield").catcomplete({
                  delay: 0,
                  source: cat_data,
                  minlength:0
              });
          }
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>json format</p>
  
  <pre><code>   {"Providers":[{"ProviderID":"3","NAME":"name1"}, 
      {"ProviderID":"4","NAME":"name2"},  
      {"ProviderID":"5","NAME":"name3"}]} 
  </code></pre>