title: jquery img not loading "scr"
body: <p>i writing a <code>JQuery</code> Code,when user click to Thumbnail,the main Slider change base of data-<code>img</code>;
  the code work and `img append to main slider bot not showing! and image not load,
  in the chrome ispector generated image not Appear like a link,</p>
  
  <p>this is my code:</p>
  
  <pre><code>$(function () {
          $('.product-item').click(function () {
              var $img = $(this).find('img').attr('data-img');
              var $slider = '&lt;img scr=' + $img + ' /&gt;';
              $($slider).appendTo('.large_image');
          })
      })
  </code></pre>
  
  <p>here is some <code>html</code>:</p>
  
  <pre><code>&lt;div class="large_image"&gt;
    &lt;img src="Images/slider/customer1.jpg" /&gt;
   &lt;/div&gt;
                  &lt;div class="product-thumb"&gt;
                      &lt;a href="#" class="span3 product-item"&gt;
                          &lt;img src="Images/slider/slide2/thumb/customer_item.jpg" data-img="Images/slider/slide2/webpage1.png" /&gt;
                          &lt;span&gt;
                              &lt;img src="Images/pet-ico.png" /&gt;
                              sample text
                          &lt;/span&gt;
                      &lt;/a&gt;
                          &lt;a href="#" class="span3 product-item"&gt;
                              &lt;img src="Images/slider/slide2/thumb/customer_item.jpg" /&gt;
                              &lt;span&gt;
                                  &lt;img src="Images/pet-ico.png" /&gt;
                                  sample text
                              &lt;/span&gt;
                          &lt;/a&gt;
  </code></pre>