title: <span> jQuery .click() not working
body: <p>So, I created a delete "button" in a span, but for some reason I can't get the .click() to fire.  Any ideas?  I'm new to jQuery and am thinking that it's something obvious.  I tested in Chrome and Safari with no luck.  </p>
  
  <p>CSS:</p>
  
  <pre><code>.delete_button {
      cursor:pointer;
      color: #fff;
      border: 1px solid #FFF;
      border-radius: 15px;
      background: #AAA;
      font-size: 8px;
      line-height: 0px;
      padding: 0px 2px 0px 2px;
  }
  </code></pre>
  
  <p>HTML/PHP:</p>
  
  <pre><code>&lt;span class="delete_button" id="delete_&lt;? echo $some_id; ?&gt;"&gt;X&lt;/span&gt;
  </code></pre>
  
  <p>jQuery:    </p>
  
  <pre><code>$(document).ready(function() {
      $('.delete_button').click(function() {
              var transaction_id = $(this).attr('id').replace('delete_','');
              alert("Delete transaction #" + transaction_id);
              return false;
          });
  });
  </code></pre>