title: $element.show() not working in IE?
body: <p>I have a little <code>div</code> stored in <code>$tip</code> which I want to display at the user's click position, when they hit a certain link.
  This is what I'm doing, it's part of a plugin where <code>$this</code> is a dynamically created known object:</p>
  
  <pre><code>$this.children('.menu').children('.details').bind('click', function(e){
     $tip = $('#resizetip');
     tiptext = "some text for my sweet little tip";
     $tip.css('top',e.clientY);
     $tip.css('left',e.clientX);
     $tip.html(tiptext);
     $tip.show();
  });
  </code></pre>
  
  <p>The tip shows up where expected, just fine in Chrome and FF but I don't know why it's not working in IE8 and even in IE9. I tried <code>console.log($tip.html());</code> and it gave the expected output, so I know it's there somewhere. I tried to output the coordinates, and it was fine. </p>
  
  <p>Then I tried <code>$('#resizetip').show();</code> explicitly from the console, and it worked! It showed up, exactly where it should be. But why doesn't it work in the code? I tried adding another line of <code>$tip.show();</code> just in case for some inexplicable reason the first one couldn't be fired, but that didn't help.</p>
  
  <h2>Edit</h2>
  
  <p>I've added an edit to the code to show where <code>e</code> is coming from, but I know that's not the problem because when I output <code>e.clientX</code> to console, the output is fine.</p>