title: jquery .change inside loop
body: <p>Let say i have this <code>code</code></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;select id="id1"&gt;
      &lt;option&gt;a&lt;/option&gt;
      &lt;option&gt;b&lt;/option&gt;
      &lt;option&gt;c&lt;/option&gt;
  &lt;/select&gt;
  &lt;select id="id2"&gt;
      &lt;option&gt;a&lt;/option&gt;
      &lt;option&gt;b&lt;/option&gt;
      &lt;option&gt;c&lt;/option&gt;
  &lt;/select&gt;
  &lt;select id="id3"&gt;
      &lt;option&gt;a&lt;/option&gt;
      &lt;option&gt;b&lt;/option&gt;
      &lt;option&gt;c&lt;/option&gt;
  &lt;/select&gt;
  &lt;div id="result1"&gt;&lt;/div&gt;
  &lt;div id="result2"&gt;&lt;/div&gt;
  &lt;div id="result3"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>Javascript</strong></p>
  
  <pre><code>var i;
  for (i = 1; i &lt;= 3; i++) {
  $('#id'+[i]).change(function(){
      $("#result"+[i]).html('&lt;p&gt;Number&lt;/p&gt;'+[i]);                 
    });
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/x4wDk/285/" rel="nofollow">JS Fiddle</a></p>
  
  <p>Different <code>&lt;select&gt;</code> <code>id</code> and different result <code>&lt;div&gt;</code> <code>id</code> through loop</p>
  
  <p>I just want, each <code>&lt;select&gt;</code> tag change, show the result through the div based on the <code>id</code> </p>
  
  <p>Like this: </p>
  
  <p><code>&lt;select&gt;</code> <code>id1</code> change to b, then <code>div1</code> show b</p>
  
  <p><code>&lt;select&gt;</code> <code>id2</code> change to c, then <code>div2</code> show c</p>
  
  <p><code>&lt;select&gt;</code> <code>id3</code> change to a, then <code>div3</code> show a</p>
  
  <p>In my example fiddle, the code i write is not working, can you please help me? </p>
  
  <p>Thank you in advance</p>