title: Click span inside jQuery button
body: <p>Part of a bigger solution, I have accordion-type jQuery control that implements headers as jQuery toggle buttons. Each header also has to have a help balloon. In nutshell, the setup is similar to that posted at <a href="http://jsfiddle.net/kxntf/3/" rel="nofollow">this jsFiddle</a> . </p>
  
  <pre><code>&lt;div id="button1"&gt;Go to main action &lt;span id="span1" style="color:blue"&gt;Help&lt;/span&gt;     &lt;/div&gt;
  &lt;div id="out"/&gt;
  $('#button1').button().click(function(){
      $('#out').text('Button clicked');
  });
  
  $('#span1').click(function(){
      $('#out').text('Span clicked');
  });
  </code></pre>
  
  <p>Is that possible to make it so I can click on the Help span, which is located inside the button div? Or, will button always get the events for all of its content preventing inside elements from getting click events?</p>
  
  <p>Thank you.</p>