title: Change img src created via appendTo
body: <p>I have created a button via the appendTo function:</p>
  
  <pre><code>$('&lt;span id="metroBtn" class="play_btns"&gt;&lt;img src="pngs/metro.png"&gt;&lt;/span&gt;').appendTo( '#cardSlots' );
  </code></pre>
  
  <p>I am trying to change the img src via the following, but it's not working:</p>
  
  <pre><code>$('#cardSlots').on('click', '#metroBtn', function(){
      $(this).attr('src','pngs/new_img.png');
  }
  </code></pre>
  
  <p>Please advise.</p>