title: Jquery - change <span>text</span> with dropdown selector
body: <p>This might be easy, but I'm a JQuery dunce and keep getting errors!</p>
  
  <p>Basically, I have a basic JQuery 1.4+ function that updates an input value - but now I'm having a hard time figuring out how to also use JQuery to simultaneously update a text in the  area when different values are chosen with a dropdown selector. The Script and HTML looks like this:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(function() {
    $('#mycups3').change(function() {
      var x = $(this).val();
  
      $('#myhidden3').val(x);
    });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form action="" method="post"&gt;
    &lt;input type="hidden" id="myhidden3" name="quantity" value="1" /&gt;
    &lt;input type="submit" name="submit" class="button" id="" value="Button" /&gt;
    &lt;select id='mycups3'&gt;
      &lt;option value='1'&gt;1 Item&lt;/option&gt;
      &lt;option value='2'&gt;2 Items&lt;/option&gt;
      &lt;option value='3'&gt;3 Items&lt;/option&gt;
    &lt;/select&gt;
    &lt;span&gt;$1.50&lt;/span&gt;
  &lt;/form&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>What I want to add:
  When using the dropdown selector, I also want the value in the <code>&lt;span&gt;$1.50&lt;/span&gt;</code> to update. Example - selecting a value of '1' makes the text string in <code>span</code> show $1.50 - selecting a value of '2' in the dropdown makes the text string show $3.00 (or whatever) etc!</p>
  
  <p>Any clues are greatly appreciated! Thanks!</p>