title: checkbox inside span onclick of span.. check input.. jquery recursion problem
body: <p>This code causes a recursive behavior.. </p>
  
  <p>I want to be able to click the text in the span and check/uncheck the child input and trigger the click event for the child input.</p>
  
  <p><a href="http://jsfiddle.net/cwfontan/ALEBr/" rel="nofollow">http://jsfiddle.net/cwfontan/ALEBr/</a></p>
  
  <pre><code>        &lt;span class="RedHover"&gt;
              &lt;input type="checkbox" name="chkShowBusn" id="chkShowBusn" tabindex="9" /&gt;Business
          &lt;/span&gt;
  
  
  
  $('.RedHover').click(
          function (e) {
              try {
                  $(this).children('input').trigger('click');
                  e.stopPropagation();
                  e.preventDefault();
                  console.log('here');
              } catch (e) {
                  //handle no click event.alert
                  console.log(e.description);
              }
          }
      );
  </code></pre>