title: cannot attach an event handler in HTML created by JS
body: <p>I am trying to build a calendar using this <a href="http://blog.shinetech.com/2011/08/05/building-a-shared-calendar-with-backbone-js-and-fullcalendar-a-step-by-step-tutorial/" rel="nofollow">tutorial</a> which uses backbone and the jquery FullCalendar plugin.
  I want to attach a click event handler to a cell(weekday view) of the calendar-this is the code I tried for testing:</p>
  
  <pre><code>$(document).ready(function()
  {
  
   $('.fc-event-time').click(function()
  {
    alert('test');
  });
  
  });
  </code></pre>
  
  <p>The above does not work.fc-event-time is the class associated with the cell that contains the time.Here is an image of the cell with some notes in it.
  <a href="http://sdrv.ms/1buDDJF" rel="nofollow">image</a></p>
  
  <p>The whole calendar is created with JS.The only HTML required is a div named calendar.Can that be the reason why the event handler cannot be attached.
  Look at some code to see what I am talking about:</p>
  
  <pre><code>    &lt;script type='text/javascript' src='js/fcalendar/fullcalendar.js'&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/underscore.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/backbone.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/fcalendar/apllication.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/fcalendar/custom_cal_code.js"&gt;&lt;/script&gt;
  
      &lt;div id='calendar'&gt;&lt;/div&gt;
  </code></pre>
  
  <p>fullcalendar.js is the file the created the calendar inside div#calendar.Application.js is the backbone code(REST,render functions,models etc) which adds some functionality to the calendar and custom_cal_code.js is my code you see above-which tries to attach the event handler.Jquery dependencies are not shown above for the sake of brevity.</p>