title: How to prevent click event over the whole span with children?
body: <p>How to prevent triggering the calendar, not only by clicking on the icon but on the whole tag? In this case if I'm trying to do this directly without children selector it's doesn't working.</p>
  
  <p><a href="http://jsfiddle.net/drZPC/" rel="nofollow">My implementation</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="datetimepicker1" class="input-append date"&gt;
      &lt;input type="text" disabled="true"&gt;&lt;/input&gt; 
      &lt;span class="add-on disabled"&gt;
        &lt;i data-time-icon="icon-time" data-date-icon="icon-calendar"&gt;&lt;/i&gt;
      &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>  $(function () {
        $('#datetimepicker1').datetimepicker();
  
        $(".disabled").children().bind('click', function () {
            return false;
        });
    });
  </code></pre>