title: jQuery - making easy long code short (looping I guess)?
body: <p>I have a code like this:</p>
  
  <pre><code> $("#item-1").hover(function(e) { 
          e.preventDefault();   
          $("#item-text").stop().animate({marginLeft: "0px"});
          $("#item-1-image").animate({opacity: 1});
      })  
  
   $("#item-1").mouseout(function() {
      $("#item-1-image").animate({opacity: 0});
   }) 
  </code></pre>
  
  <p>I have to repeat this for exactly 10 times changing all "item-1" to "item-2", "item-3" etc.</p>
  
  <p>How to do that?</p>
  
  <p>[edit]</p>
  
  <p>What's the best/shortest way - because actually I know how to force it to work, but it's not an elegant way ;)</p>