jQuery each width problem
<p>I have the following function set to run on a hover over an image:</p>

<pre><code>function() {
  $('.slides .slide h3').each(function(i){
    var owidth = $(this).width()
    $(this).animate({"right":730 - owidth - 16}, 500);
  });
}
</code></pre>

<p>You can view the page <a href="http://www.joshuawdesign.com/wptheme1/category/misc/" rel="nofollow">here</a>. Over the image and click the next icon on the lower right of the image.  For some reason, the function is calculating the first h3's width correctly, but then it thinks all other h3s have a width of 0.  Can anyone offer a solution?</p>
