title: jQuery event not firing until second click?
body: <p>I have the following jQuery code. The first time I click a link, nothing happens; however, upon clicking the link the second time, the expected action occurs.</p>
  
  <pre><code>$("a[rel]").bind("click", function(){
     $(".close_button_change_password").attr('id','change_password_'+$(this).attr('id'));
     $(this).overlay({
        // disable this for modal dialog-type of overlays
        closeOnClick: true,
        mask: {
           color: '#fff',
           loadSpeed: 200,
           opacity: 0.8
        }
     });
  });
  </code></pre>
  
  <p>Here's my HTML:</p>
  
  <pre><code>&lt;a href="#" rel="#change_password" id="1"&gt;change password&lt;/a&gt;
  </code></pre>
  
  <p>Does anyone know how I might go about fixing this problem? Thanks in advance for any assistance.</p>