title: Creating an onChange select drop down with javascript and php but it's not working
body: <p>What I am trying to do is create a drop down  container of 32 different locations in Scotland and when one of the selections is selected, for example, Glasgow it should go to a URL which displays content such as heading, text, for each article in a div WHERE location = Glasgow.</p>
  
  <p>I have no error messages or any sort of recognition that my code has worked as when I select one of the four on the drop down it does absolutely nothing.</p>
  
  <p>Can come clean up and put right what I've done so far? I would be extremely greatful!</p>
  
  <p>Here is my files which are being used:</p>
  
  <p>header.php</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;script src="http://code.jquery.com/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      $(document).ready(function(){
          $('#location').change(function(){
              //Retrieve Content from the back-end PHP page, and pass the ID selected
              var url = 'location.php?location=' + $(this).val();
              $('#txtHint').load(url);
          });
      });
  &lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
       &lt;div id="header"&gt;
          &lt;div class="headerLeftContent"&gt;
              &lt;select id='location'&gt;
                      &lt;option href="Link to a dynamic page with all the content from glasgow" value="Glasgow"&gt;Glasgow&lt;/option&gt;
                      &lt;option href="Link to a dynamic page with all the content from x" value="x"&gt;x&lt;/option&gt;
                      &lt;option href="Link to a dynamic page with all the content from test" value="test"&gt;test&lt;/option&gt;
                      &lt;option href="Link to a dynamic page with all the content from edinburgh" value="Edinburgh"&gt;Edinburgh&lt;/option&gt;
              &lt;/select&gt;
              &lt;div id='txtHint'&gt;&lt;/div&gt;
          &lt;/div&gt;          
      &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>location.php</p>
  
  <pre><code>&lt;?php
  $connect = mysql_connect('xxxxxx', 'xxxxxx', 'xxxxxx');
  $select_db = mysql_select_db('xxxxxx');
  
  $location = $_REQUEST['location'];
  
  $query = "SELECT * FROM podContent WHERE location = '.$location.'";
  
  while($row = mysql_fetch_array($query))
  {
  echo $row['text'];
  }
  
  mysql_close($connect);
  
  ?&gt;
  </code></pre>
  
  <p>And please any comments regarding 'SQL injection' or how 'mysql' should be 'PDO' are unwanted as I do understand this but I am simply testing at the moment and will amend this.</p>
  
  <p>Thanks.</p>