title: How to stop event bubbling with jquery live?
body: <p>I am trying to stop some events but stopPropagation does not work with "live" so I am not sure what to do. I found this on their site.</p>
  
  <blockquote>
    <p>Live events do not bubble in the
    traditional manner and cannot be
    stopped using stopPropagation or
    stopImmediatePropagation. For example,
    take the case of two click events -
    one bound to "li" and another "li a".
    Should a click occur on the inner
    anchor BOTH events will be triggered.
    This is because when a
    $("li").bind("click", fn); is bound
    you're actually saying "Whenever a
    click event occurs on an LI element -
    or inside an LI element - trigger this
    click event." To stop further
    processing for a live event, fn must
    return false</p>
  </blockquote>
  
  <p>It says that fn must return false so what I tried to do </p>
  
  <pre><code> $('.MoreAppointments').live('click', function(e) {
     alert("Hi");
     return false;
   });
  </code></pre>
  
  <p>but that did not work so I am not sure how to make it return false.</p>
  
  <p><strong>Update</strong></p>
  
  <p>Here is some more information.</p>
  
  <p>I have a table cell and I bind a click event to it.</p>
  
  <pre><code> $('#CalendarBody .DateBox').click(function(e)
      {
          AddApointment(this);
      });
  </code></pre>
  
  <p>So the AddApointment just makes some ui dialog box.</p>
  
  <p>Now the live code(MoreAppointments) sits in this table cell and is basically an anchor tag.  So when I click on the anchor tag it first goes to the  above code(addApointment - so runs that event first) runs that but does not launch my dialog box instead it goes straight to the (MoreAppointment) event and runs that code. Once that code has run it launches the dialog box from "addApointment".</p>
  
  <p><strong>Update 2</strong></p>
  
  <p>Here is some of the html. I did not copy the whole table since it is kinda big and all the cells repeat itself with the same data. If needed I will post it.</p>
  
  <pre><code> &lt;td id="c_12012009" class="DateBox"&gt;
          &lt;div class="DateLabel"&gt;
              1&lt;/div&gt;
          &lt;div class="appointmentContainer"&gt;
              &lt;a class="appointments"&gt;Fkafkafk fakfka kf414&lt;br /&gt;
              &lt;/a&gt;&lt;a class="appointments"&gt;Fkafkafk fakfka kf414&lt;br /&gt;
              &lt;/a&gt;&lt;a class="appointments"&gt;Fkafkafk fakfka kf414&lt;br /&gt;
              &lt;/a&gt;&lt;a class="appointments"&gt;Fkafkafk fakfka kf414&lt;br /&gt;
              &lt;/a&gt;&lt;a class="appointments"&gt;Fkafkafk fakfka kf414&lt;br /&gt;
              &lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="appointmentOverflowContainer"&gt;
              &lt;div&gt;
                  &lt;a class="MoreAppointments"&gt;+1 More&lt;/a&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/td&gt;
  </code></pre>