title: jQuery click() event not firing on AJAX loaded HTML elements
body: <p>the subject is pretty descriptive of my problem, I am assuming it won't work this way, is there a way to make it work? (workaround)?</p>
  
  <p>Here is the code that is loaded via AJAX:</p>
  
  <pre><code>&lt;div&gt;
  &lt;div id="s0frame" class="sframe"&gt;&lt;/div&gt;
  &lt;div id="s1frame" class="sframe"&gt;&lt;/div&gt;
  &lt;div id="s2frame" class="sframe"&gt;&lt;/div&gt;
  &lt;div id="s3frame" class="sframe"&gt;&lt;/div&gt;
  &lt;div id="s4frame" class="sframe"&gt;&lt;/div&gt;
  &lt;div id="s5frame" class="sframe"&gt;&lt;/div&gt;
  &lt;div id="chatframe" class="chat alpha60"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is my click event:</p>
  
  <pre><code>$('.sframe').bind('click', function() { 
      var seat_number = this.id.match(/\d/g);
      alert(seat_number); 
  });
  </code></pre>