title: Dropdown using javascript onchange
body: <p>I have a simple drop down and I want to have it so that if the user selects Have a Baby the message changes to Have a Baby, but for any other selection.  The message stays the same (nothing), but this isn't working.  Can someone please help.  Please play with my jsfiddle.</p>
  
  <p><a href="http://jsfiddle.net/Z9YJR/" rel="noreferrer">http://jsfiddle.net/Z9YJR/</a>
  Here is the html</p>
  
  <pre><code>&lt;select id="leave"&gt;
    &lt;option value="5"&gt;Get Married&lt;/option&gt;
    &lt;option onchange="changeMessage()" value="100"&gt;Have a Baby&lt;/option&gt;
    &lt;option value="90"&gt;Adopt a Child&lt;/option&gt;
    &lt;option value="15"&gt;Retire&lt;/option&gt;
    &lt;option value="15"&gt;Military Leave&lt;/option&gt;
    &lt;option value="15"&gt;Medical Leave&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;div id="message"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Here is the js</p>
  
  <pre><code>function changeMessage() {
      document.getElementById("message").innerHTML = "Having a Baby!!";
  }
  </code></pre>