title: Update text of DIV with input value
body: <p>I'm trying to update the text of a div which has several input buttons. When an input button gets clicked, the value of the button should be passed to the div and replace the text in the div.</p>
  
  <p>It's basically a drop down menu which gets closed when the user clicks on an option. For obvious reasons I'd like the name of the button to replace "Choose one" which is default.</p>
  
  <p>It is structured like this:</p>
  
  <pre><code>                    &lt;div class="button_slide" rel="slide1"&gt;Choose one&lt;/div&gt;
                      &lt;div class="content_slide slide1"&gt;
                          &lt;input id="ButtonCake" class="button_vertical special_button" type="button" value="Cake" size="10px" /&gt;
                          &lt;input id="ButtonNoCake" class="button_vertical special_button" type="button" value="No Cake" /&gt;                                                                            
                      &lt;/div&gt;  
  </code></pre>
  
  <p>So when the user clicks cake I'd like "Choose one" to be changed to "Cake". I've got a looot of these fields so a really generic jQuery solution would be awesome.
  Thanks for reading.</p>