title: HTTP GET request with JQuery
body: <p>First of all, I am VERY new with JS so sorry for the simple question.
  I have a search box in a webpage which the user should type some input into it.
  After that, I need to perform a HTTP GET request to some address (say: <a href="http://m.mywebsite.com/AppService.svc/searchitems?param=userValue" rel="nofollow">http://m.mywebsite.com/AppService.svc/searchitems?param=userValue</a> when the param parameter is the user input (in the below sample it is John Doe).
  So far I tried with this way, but nothings happen when I click somewhere in the webpage. Hope some of you can explain me how to do it right. </p>
  
  <p>Thanks</p>
  
  <pre><code>$(document).ready(function(){
  
      document.addEventListener("click", function(e) {
          $.ajax({
              'url' : 'http://m.mywebsite.com/AppService.svc/searchitems',
              'type' : 'GET',
              'data' : {
                  'param' : 'John Doe'
              },
              'success' : function(data) {
                  if (data == "success") {
                      alert('request sent!');
                  }
              }
          });
      });
  });
  </code></pre>