title: Change text of an option when another option is selected
body: <p>I'm trying to change the text of a group of select options when a particular option is selected from a previous dropdown.</p>
  <p>Here is my HTML:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;select class=&quot;select&quot; id=&quot;eventType&quot; name=&quot;eventType&quot; size=&quot;1&quot;&gt;
      &lt;option value=&quot;0&quot;&gt;&lt;/option&gt;
      &lt;option value=&quot;wedding&quot; name=&quot;wedding&quot;&gt;Wedding&lt;/option&gt;
      &lt;option value=&quot;private_party&quot; name=&quot;private_party&quot;&gt;Private Party&lt;/option&gt;
      &lt;option value=&quot;corporate&quot; name=&quot;corporate&quot;&gt;Corporate Event&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;select class=&quot;select&quot; id=&quot;band_type_choices&quot; name=&quot;bandType&quot;&gt;
      &lt;option value=&quot;0&quot;&gt;&lt;/option&gt;
      &lt;option value=&quot;acoustic&quot; class=&quot;acoustic&quot; name=&quot;acoustic&quot;&gt;Acoustic&lt;/option&gt;
      &lt;option value=&quot;jazz&quot; class=&quot;jazz&quot; name=&quot;jazz&quot;&gt;Jazz/Easy Listening&lt;/option&gt;
      &lt;option value=&quot;acoustic_jazz&quot; class=&quot;acoustic_jazz&quot; name=&quot;acoustic_jazz&quot;&gt;Acoustic + Jazz/Easy Listening&lt;/option&gt; 
      &lt;option value=&quot;party&quot; class=&quot;party&quot; name=&quot;party&quot;&gt;Party&lt;/option&gt;
      &lt;option value=&quot;acoustic_party&quot; class=&quot;acoustic_party&quot; name=&quot;acoustic_party&quot;&gt;Acoustic + Party&lt;/option&gt; 
      &lt;option value=&quot;jazz_party&quot; class=&quot;jazz_party&quot; name=&quot;jazz_party&quot;&gt;Jazz/Easy Listening + Party&lt;/option&gt; 
      &lt;option value=&quot;acoustic_jazz_party&quot; class=&quot;acoustic_jazz_party&quot; name=&quot;acoustic_jazz_party&quot;&gt;Acoustic + Jazz/Easy Listening + Party&lt;/option&gt; 
  &lt;/select&gt;
  </code></pre>
  <p>When someone selects &quot;Wedding&quot; from the first drop down, I want to change the text of all the #band_type_choices dropdown</p>
  <p>Here is the jQuery I'm using so far, but it does nothing:</p>
  <pre class="lang-js prettyprint-override"><code>$('#eventType').change(function() {
      var eventTypeName = $(&quot;#eventType option:selected&quot;);
      
      if (eventTypeName.is(&quot;.wedding&quot;) ) {
          $('#band_type_choices option:contains(&quot;acoustic&quot;)').text('Wedding Ceremony');
      }
  });
  </code></pre>