jQuery events not firing
<p>I'm creating a simple jQuery editor, nothing complicated, and just can't seem to find out why the events do not work. See code below.</p>

<pre><code>var $editor = $('&lt;div&gt;').addClass('editor')
      .insertBefore(this.$element)
      .append(this.$element);

var $b = $('&lt;div&gt;').addClass('button-wrapper')
       .appendTo($editor);
this.$element.css({height:this.opts.height,width:this.opts.width});
//Load up each button.
$.each(this.opts.buttons.split(' '), function(i, button)
{
 //If its an empty string keep going.
 if(button == '')return true;

 //Generate a button.
 $('&lt;div&gt;').data('buttonName', button)
     .addClass(button.toLowerCase())
     .click(clicked)
     .hover(hover, hover)
     .appendTo($b);
});
</code></pre>

<p>To go over it, simply, $element represents the textarea that I am using as the base element, $b represents the button wrapper, and $editor is the div to wrap around all of these things. When I append the buttons to $editor none of the events fire, however, when I append to document.body it works perfectly fine. For the record, the event clicked and hover are nothing special, just testers to see if the events are working.</p>
