title: Show input box o if value from drop down menu is selected
body: <p>I'm working on a simple php contact form and struggling to get the "other" selection on the dropdown to show a text field option when it's selected. The form is included onto the page with <code>&lt;?php require_once('includes/contact_form.php'); ?&gt;</code> and the footer is also an include (the footer is where I have added the JS).</p>
  
  <p>But it just wont work...</p>
  
  <h2>Here is the Form:</h2>
  
  <pre><code>&lt;label&gt;How did you hear about us?&lt;/label&gt;
  &lt;select name="how" class="selectfield" id="how"&gt;
    &lt;option value=""&gt;Please Select...&lt;/option&gt;
    &lt;option value="Advertisement"&gt;Advertisement&lt;/option&gt;
    &lt;option value="Care at Home Today"&gt;Care at Home Today&lt;/option&gt;
    &lt;option value="Email-Newsletter"&gt;Email/Newsletter&lt;/option&gt;
    &lt;option value="Facebook"&gt;Facebook&lt;/option&gt;
    &lt;option value="Family-Friend"&gt;Family or Friend&lt;/option&gt;
    &lt;option value="Magazine"&gt;Magazine Article&lt;/option&gt;
    &lt;option value="Twitter"&gt;Twitter&lt;/option&gt;
    &lt;option value="Website-Search Engine"&gt;Website/Search Engine&lt;/option&gt;
    &lt;option value="Other"&gt;Other&lt;/option&gt;
  &lt;/select&gt;
  &lt;input type='text' id="other" class="hidden" /&gt;
  
  &lt;input name="contactus" type="submit" class="submit" id="contactus" value="Submit" /&gt;
  &lt;/form&gt;
  </code></pre>
  
  <h2>Here is the JS</h2>
  
  <pre><code>$('#how').change(function(){
      var selected_item = $(this).val()
      if(selected_item == "other"){
          $('#other').val("").removeClass('hidden');
      }else{
          $('#other').val(selected_item).addClass('hidden');
      }
  });
  </code></pre>