title: Display chosen option from select to the title of another select
body: <p>I cant figure out how to make it so the option chosen in the first select menu changes the title of the second select menu. Any help? This is what I have so far:</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="form-group"&gt;
  &lt;label class="col-md-4 control-label"&gt;First:&lt;/label&gt;
  &lt;select id="select"&gt;
    &lt;option value="1"&gt;Apple&lt;/option&gt;
  &lt;option value="2"&gt;Orange&lt;/option&gt;
  &lt;option value="3"&gt;Peach&lt;/option&gt;
  &lt;/select&gt;
  &lt;/div&gt;
  
  &lt;br&gt;
  
  &lt;div class="form-group"&gt;
  &lt;label class="col-md-4 control-label" id="output"&gt;Second:&lt;/label&gt;
  &lt;select&gt;
    &lt;option value="1"&gt;Pineapple&lt;/option&gt;
  &lt;option value="2"&gt;Grape&lt;/option&gt;
  &lt;option value="3"&gt;Pear&lt;/option&gt;
  &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>var e = document.getElementById("select");
  var output = e.options[e.selectedIndex].text;
  </code></pre>