title: drop down list send values through AJAX call
body: <p>I'm new to AJAX and trying to learn basic calls through AJAX and jQuery.
  I have a simple drop list of countries, where I want to select a particular country and send the value of it to server, where it would process which country was selected and give particular output. For now, it could just echo simple output in php file. There is some kind of problem with this code. I would appreciate if anyone could help me with it. thanks</p>
  
  <pre><code> &lt;html&gt;
   &lt;head&gt;
   &lt;script src="http://code.jquery.com/jquery-1.9.1.js"&gt;&lt;/script&gt;
   &lt;script type="text/javascript"&gt;
   function load()
   {
        $.ajax({
        type:"GET",
        url: "test.php",
        data: { country: $("#country").val()}
        }).done(function(msg){
         $("#right #myDiv").html(msg);
        });
   }
  
   &lt;/script&gt;
   &lt;/head&gt;
   &lt;body&gt;
  
   &lt;div id="main"&gt;
      &lt;div id="left"&gt;
            Select Country: &lt;select id="country" name="country"&gt;
              &lt;option value="germany"&gt;Germany&lt;/option&gt;
              &lt;option value="england"&gt;England&lt;/option&gt;
            &lt;/select&gt;
            &lt;input type="button" value="Run Query" onClick="load()"&gt;&lt;/input&gt;
      &lt;/div&gt; 
  
     &lt;div id="right"&gt;
        &lt;div id="myDiv"&gt;&lt;/div&gt;  
     &lt;/div&gt;  
   &lt;/div&gt;
  </code></pre>
  
  <hr>
  
  <p>test.php</p>
  
  <pre><code> &lt;?php
        $name=$_GET['country'];
        if($name=="England")
        {
         echo "Works"; 
        }
        else
        {
        echo "doesnt Work"; 
        }
   ?&gt;
   ?&gt;
  </code></pre>