title: Live jQuery events not firing for dynamic element
body: <p>Why are none of the <strong>live</strong> (or dead) events I bind to a dynamic element firing?</p>
  
  <pre><code>(function ($) {
      $.fn.myPlugin = function () {
  
      var $filterBox = $("&lt;input type='text'&gt;").live("click", function () {
          alert("Clicked");
      });
      this.before($filterBox); // insert into DOM before current element
      return this; // keep chain
      };
  })(jQuery);
  </code></pre>
  
  <p>I am calling myPlugin on several <code>&lt;select&gt;</code> elements. I thought it would work without the Live plugin if I bound it before adding the element to the DOM, but not even the live events are firing. Is it because my element has no ID?</p>
  
  <hr>
  
  <p><strong>Edit:</strong>
  The following does not work either:</p>
  
  <pre><code>var $filterBox = $("&lt;input type='text'&gt;").bind("click", function () {
          alert("Clicked");
  });
  </code></pre>