title: Appending images to a div on different select box options
body: <p>I have 4 select boxes that should do the following:</p>
  
  <p>You should only be able to choose one option between all 3 select boxes, so only one select box can contain a value at a time - <strong>Now this part works.</strong></p>
  
  <p><strong>The part that does NOT work and that breaks the above functionality:</strong>
  When ever you choose a value in one of the select boxes, an image should be appended to an empty div: Each select box represents a person(except the 1st select) and when you select that person, his image should appear in the div (#reps).</p>
  
  <p>How do i do this?</p>
  
  <p>Here is my <a href="http://jsfiddle.net/2DzUV/57/" rel="nofollow">FIDDLE</a></p>
  
  <pre><code>&lt;select&gt;
      &lt;option&gt;---&lt;/option&gt;
      &lt;option&gt;Office&lt;/option&gt;
  &lt;/select&gt;
  &lt;br /&gt;
  &lt;br /&gt;
  &lt;select&gt;
      &lt;option&gt;---&lt;/option&gt;
      &lt;option&gt;Mark&lt;/option&gt;
  &lt;/select&gt;
  &lt;br /&gt;
  &lt;br /&gt;
  &lt;select&gt;
      &lt;option&gt;---&lt;/option&gt;
      &lt;option&gt;Magnus&lt;/option&gt;
  &lt;/select&gt;
  &lt;br /&gt;&lt;br /&gt;
  &lt;select&gt;
      &lt;option&gt;---&lt;/option&gt;
      &lt;option&gt;Adii&lt;/option&gt;
  &lt;/select&gt;
  &lt;br /&gt;
  &lt;br /&gt;
  
  &lt;div id="reps"&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>var a = 'http://woothemes.wpengine.netdna-cdn.com/wp-content/themes/woo/images/team/';
  var x = 'mark.jpg';
  var y = 'magnus.jpg';
  var z = 'adii.jpg';
  
  $('select').eq(0).find('option').eq(1).attr('selected','selected');
  
  $('select').on('change', function () {
      $('select').not(this).val("---");
  
      //the problem area below that breaks my cod as well, remove to see
      if(this.eq() == 1){
          $('#reps').append('&lt;img src="'a + x'" /&gt;');
      }
      else if(this.eq() == 2){
          $('#reps').append('&lt;img src="'a + y'" /&gt;');
      }
  
      else if(this.eq() == 3){
          $('#reps').append('&lt;img src="'a + z'" /&gt;');
      }
  });
  </code></pre>