title: I'm having difficulty with jQuery's $(selector).each()
body: <p>Example here: <a href="http://jsfiddle.net/KyW6c/2/" rel="nofollow">http://jsfiddle.net/KyW6c/2/</a></p>
  
  <p>I have an ordered list. Each list item is a project in my portfolio. I'm writing some jQuery that will move a clicked list item up to the top left of the ordered list. I've accomplished this, but the problem I'm encountering is that the list items below the clicked one are shifting. This code is provided in the fiddle (commented out).</p>
  
  <p>The solution I'm attempting to implement will set each list item's position to absolute and left and right to it's current position within the ordered list once the page is loaded. I don't know if I'm having trouble because I misunderstand what .each() does, or just how to implement it.</p>
  
  <p>Thanks.</p>
  
  <p>EDIT: The problem is that each list item's left and top values are being set to 0, so they're all just overlapping on at the top left. If you uncomment the jQuery, you'll see the problem.</p>
  
  <p>EDIT 2: I discovered that if I don't set the position to absolute at the same time that I set the left and top properties, it works properly.</p>