title: Converting hard way ajax to $.ajax jquery
body: <p>I am new to AJAX, I began studying the harder way of calling ajax unaware of the easier way of doing it until someone commented on my code that there is an easy of calling an AJAX. Can someone convert this to the $.ajax way :D. thank you!</p>
  
  <p>this is my function that call an AJAX</p>
  
  <pre><code>function showResult(str)
  {
      if (str.length==0)
      {
          document.getElementById("livesearch").innerHTML="";
          document.getElementById("livesearch").style.border="0px";
          return;
      } 
      if (window.XMLHttpRequest)
      {// code for IE7+, Firefox, Chrome, Opera, Safari
          xmlhttp=new XMLHttpRequest();
      }
      else
      {// code for IE6, IE5
          xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
      xmlhttp.onreadystatechange=function()
      {
          if (xmlhttp.readyState==4 &amp;&amp; xmlhttp.status==200)
          {
              document.getElementById("livesearch").innerHTML=xmlhttp.responseText;
              document.getElementById("livesearch").style.border="1px solid #A5ACB2"; 
          }
      }
      xmlhttp.open("GET","getuser.php?q="+str,true);
      xmlhttp.send();
  
  }
  </code></pre>