title: How to change text based on option selected?
body: <p>This is probably simple but I can't work it out.</p>
  
  <p>I want to be able to change some paragraph text based on which option is selected.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;form action=""&gt;
  &lt;select name="" id=""&gt;
    &lt;option id="1" value="One"&gt;One&lt;/option&gt;
    &lt;option id="2" value="Two"&gt;Two&lt;/option&gt;
    &lt;option id="3" value="Three"&gt;Three&lt;/option&gt;
  &lt;/select&gt;
  &lt;/form&gt;
  &lt;br /&gt;
  &lt;p&gt;Text&lt;/p&gt;
  </code></pre>
  
  <p>JQ</p>
  
  <pre><code>$("#1").click(function(){
  $("p").html("Changed!");
  });
  </code></pre>
  
  <p>Here's the pen:</p>
  
  <p><a href="https://codepen.io/anon/pen/qNawgv" rel="nofollow">https://codepen.io/anon/pen/qNawgv</a></p>