title: jQuery position of element after html() call
body: <p>I am using this plugin for fly-out menus: <a href="http://www.filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/">http://www.filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/</a></p>
  
  <p>The button is inside a div like that:</p>
  
  <pre><code>&lt;div class="stuff"&gt;
  some stuff
  &lt;a class="quickfire"&gt;menu&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am applying it to some link like so:</p>
  
  <pre><code>jQuery('.quickfire').menu({ 
          content: jQuery('#search-engines').html(), // grab content from this page
          showSpeed: 400 
      });
  </code></pre>
  
  <p>Where .quickfire is the class name of the link. So far so good, works.</p>
  
  <p>However the user can also trigger an AJAX call, which will fetch a bunch of HTML from the server and replace the div "stuff" with new content (which itself will contain a quickfire link).</p>
  
  <pre><code>jQuery.ajax({
              url: 'ajax_file.php',
              data: {
                  action: 'create_option_new_version', 
                  id: jQuery('#qid').val(),
                  div: jQuery("#addMoreOptions").parent().parent().attr('id'),
                  cleanOutput: true
              },
              success: function(data, textStatus, jqXHR){                                
                  jQuery(".stuff").html(data);
  
  
              }
          });
  </code></pre>
  
  <p>As expected, the quickfire link is no longer attached to the jQuery Menu. So, i'm linking it again every time:</p>
  
  <pre><code>jQuery.ajax({
              url: 'ajax_file.php',
              data: {
                  action: 'create_option_new_version', 
                  id: jQuery('#qid').val(),
                  div: jQuery("#addMoreOptions").parent().parent().attr('id'),
                  cleanOutput: true
              },
              success: function(data, textStatus, jqXHR){                                
                  jQuery(".stuff").html(data);
  
                  var position = jQuery('.quickfire').position();
                  console.log("left: " + position.left + " top: " + position.top);
  
  
                  jQuery('.quickfire').menu({ 
                      content: jQuery('#search-engines').html(), // grab content from this page
                      showSpeed: 400
                  });
  
  
              }
          });
  </code></pre>
  
  <p>Almost there!</p>
  
  <p>The issue is that, when I click on the newly created quickfire button, it works, but the menu appears at the top left corner of my screen, instead of next to the button!</p>
  
  <p>I tried to print out the "position" of the quickfire button. For the initial load one, it said  361 x 527. For the subsequent ones, they all say 0 x 320</p>
  
  <p>Here is the real code:</p>
  
  <pre><code>jQuery("#addMoreOptions").live('click',function(){
          jQuery(".lastPollOptionInput").removeClass("lastPollOptionInput");
  
          jQuery.ajax({
              url: 'ajax_file.php',
              data: {
                  action: 'create_option_new_version', 
                  id: jQuery('#qid').val(),
                  div: jQuery("#addMoreOptions").parent().parent().attr('id'),
                  cleanOutput: true
              },
              success: function(data, textStatus, jqXHR){                                
                  jQuery("#addMoreOptions").parent().parent().html(data);
  
                  jQuery('.quickfire').fgmenu({ 
                      content: jQuery('#search-engines').html(), // grab content from this page
                      showSpeed: 400
                  });
  
  
              }
          });
  
  
      });
  </code></pre>