title: Using jQuery to create HTML is not working
body: <p>I'm trying to implement Paulo's answer from: 
  <a href="https://stackoverflow.com/questions/758906/how-would-i-implement-stackoverflows-hovering-dialogs">How would I implement stackoverflow&#39;s hovering dialogs?</a>.</p>
  
  <p>However, my variable "err" keeps evaluating to "NULL".
  The problem is with the line <code>.css('left', element.position.left);</code></p>
  
  <p>When I include it, err = NULL.
  When I take it out, err = an object with the necessary properties.
  But I need this CSS statement.</p>
  
  <p>(by the way I changed all my $ references to jQuery in response to the advice below.)</p>
  
  <p>Here's my code:</p>
  
  <pre><code>jQuery('.member-only').click(function() {
  
      var element = jQuery(this);
  
      jQuery.ajax({
          type: 'POST',
          url: '/ajax/member',
          dataType: 'json',
          success: function(data)
          {
              var err = jQuery('&lt;div&gt;&lt;/div&gt;')
                          .addClass('member-check')
                          .append(data.msg)
                          .css('left', element.position.left);
  
              if (!(data.SignedIn))   // not signed in
              {
                  element.after(err);
                  err.fadeIn('fast');
              }
              // otherwise just continue
          }
      });
  
      jQuery('.member-check').live('click', function(){
          element.fadeOut('fast', function() {element.remove(); });
      });
  });
  </code></pre>
  
  <p>Thanks.</p>