title: pass an input text into parameter
body: <p>i have an input text , and i want when i click in a button it takes that value and pass it in a parameter in a url , this is my code so far :</p>
  
  <pre><code>&lt;div id="landmark-1" data-landmark-id="1"&gt;
      &lt;form  name ="data"&gt;
          &lt;label&gt;enter your name :&lt;/label&gt;
          &lt;input type= "text"  placeholder="ID" name="ID" value="" style="width:206px;"  /&gt;
          &lt;input type="submit"  value="Suivant" onclick="showUser(this.form)" &gt;
       &lt;/form&gt;    
  &lt;/div&gt;
  &lt;br&gt;
  &lt;div id="txtHint"&gt;&lt;b&gt;Person info will be listed here.&lt;/b&gt;&lt;/div&gt;
  </code></pre>
  
  <p>and this is my javascript code :</p>
  
  <pre><code>&lt;script&gt;
  function showUser(frm)
  {
      var str = frm.ID.value;
      if (str==""){
          document.getElementById("txtHint").innerHTML="";
          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("txtHint").innerHTML=xmlhttp.responseText;
          }
      }
      xmlhttp.open("GET","http://localhost/filename/page.php?q="+str,true);
      xmlhttp.send();
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>but when i enter a name, it just add : ?ID=name in the url of the current page ! it doesn't send the parameter in the url i want ..</p>