title: Get dropdown variable in JS returns undefined
body: <p>I have form with a textfield, a dropdown menu, some radiobuttons and a textarea.
  everything works fine except the dropdown menu.
  Here is it:</p>
  
  <pre><code>&lt;select class="dropdown" id="employee" size="1" class="text" value=""&gt;
                                  &lt;option value="1" selected="selected"&gt;Heino&lt;/option&gt;
                                  &lt;option value="2"&gt;Michael Jackson&lt;/option&gt;
                                  &lt;option value="3"&gt;Tom Waits&lt;/option&gt;
                                  &lt;option value="4"&gt;Nina Hagen&lt;/option&gt;
                                  &lt;option value="5"&gt;Marianne Rosenberg&lt;/option&gt;
                              &lt;/select&gt; 
  &lt;button id="send" class="btn"&gt;Send&lt;/button&gt;
  </code></pre>
  
  <p>If i click the button my JS gets every value but the dropdown shows <code>undefined</code></p>
  
  <pre><code>    $('#send').click(function() {
  
      var result=true;
  
      var name = $('input[name=name]');
      var employee = $('input[name=employee)';
      var product = $('input[name=product]:checked');
      var knowledge = $('input[name=knowledge]:checked');
      var message = $('textarea[name=message]');
  
      // Data
      var data = 'name=' + name.val() +
      '&amp;employee=' + employee.val() +
      '&amp;product=' + product.val() +
      '&amp;knowledge=' + knowledge.val() +
      '&amp;message=' + encodeURIComponent(message.val());
  </code></pre>
  
  <p>product and knowledge are radiobuttons. they work. name and message also.</p>
  
  <p>Is there a way like the "checked" for the radio buttons?
  this script should show a little success message if the formular was send successfully as an email.</p>