title: Login form jQuery plugin does not work as expected
body: <p>I am writing a jQuery plugin for login form and I have an issue with the 'Submit' button. My 'Submit' button click function never gets executed.</p>
  
  <p>Here is my jsfiddle code <a href="http://jsfiddle.net/c4jRx/1/" rel="nofollow">http://jsfiddle.net/c4jRx/1/</a></p>
  
  <pre><code>(function ($) {
  
  $.fn.login = function (options) {
      options = $.extend({}, $.fn.login.config, options);
  
      return this.each(function () {
          var markup =  '&lt;div&gt;' +
                        '&lt;form method="post" action=""&gt;' +    
                        '&lt;table&gt;&lt;tr&gt;&lt;td&gt;&lt;label&gt;User Login&lt;/label&gt;&lt;/td&gt;&lt;/tr&gt;' +
                        '&lt;tr&gt;&lt;td&gt;&lt;input type="text" id="user_id" placeholder="Apple ID" required&gt;&lt;/td&gt;&lt;/tr&gt;' +
                        '&lt;tr&gt;&lt;td&gt;&lt;input type="password" id="password" placeholder="Password" required&gt;&lt;/td&gt;&lt;/tr&gt;' +
                        '&lt;tr&gt;&lt;td&gt;&lt;input type="submit" id="authenticate" value="Login to your account"&gt;&lt;/td&gt;&lt;/tr&gt;' +
                        '&lt;/table&gt;' +
                        '&lt;/form&gt;' +
                        '&lt;/div&gt;';
          return $(this).html(markup);
      });
      $('#authenticate').click(function() {
          debugger;
          var user = $('#user_id').val();
          var password = $('#password').val();
          console.log("User: " + user + "Password: " + password);
      });        
  };
  
  
  $.fn.login.config = {
      // set values and custom functions
  };
  
  }(jQuery));
  </code></pre>