title: Jquery change .prop href
body: <p>I'm trying to change the <code>#lienImg</code> <code>href</code> when the <code>.product_thumbnails</code> <code>li a</code> is clicked but it doesn't seem to work. Strangely, the .primary_image is updated...</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;script type="text/javascript" charset="utf-8"&gt;
      $(document).ready(function() {
      $(".product_thumbnails li a").click(function(e) {
        var imglink = $(this).attr("href");
        return e.preventDefault(); 
        $("#lienImg").prop("href", imglink);
        $(".primary_image").attr("src", imglink); 
        $(".product_thumbnails li").removeClass("active");
        $(this).parent().addClass("active"); !1
      })
      });
    &lt;/script&gt;</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="product_images"&gt;
    &lt;a href="https://images.bigcartel.com/product_images/187353065/produit_08-294HR.jpg?auto=format&amp;amp;fit=max&amp;amp;w=1200" class="MagicZoom" rel="zoom-position: inner" id="lienImg" title="" style="position: relative; display: inline-block; text-decoration: none; outline: 0px; width: 576px;"&gt;&lt;img src="https://images.bigcartel.com/product_images/187353089/produit_08-304HR.jpg?auto=format&amp;amp;fit=max&amp;amp;h=1000&amp;amp;w=1000" alt="Image of Bol Or" class="primary_image" style="opacity: 1;"&gt;&lt;div class="MagicZoomBigImageCont MagicBoxShadow" style="overflow: hidden; z-index: 100; top: -100000px; position: absolute; width: 576px; height: 384px; left: 0px; opacity: 0;"&gt;&lt;div class="MagicZoomHeader" style="position: relative; z-index: 10; left: 0px; top: 0px; padding: 3px; display: none; visibility: hidden;"&gt;&lt;/div&gt;&lt;div style="overflow: hidden;"&gt;&lt;img src="https://images.bigcartel.com/product_images/187353065/produit_08-294HR.jpg?auto=format&amp;amp;fit=max&amp;amp;w=1200" style="padding: 0px; margin: 0px; border: 0px; width: auto; height: auto; position: relative; left: -350px; top: -413px;"&gt;&lt;/div&gt;&lt;div style="color: rgb(255, 0, 0); font-size: 10px; font-weight: bold; font-family: Tahoma; position: absolute; width: 100%; display: none; left: 0px; top: 364px;"&gt;Please upgrade to full version of Magic Zoom™&lt;/div&gt;&lt;/div&gt;&lt;div class="MagicZoomPup" style="z-index: 10; position: absolute; overflow: hidden; display: none; visibility: hidden; width: 276px; height: 184px; opacity: 0.5; left: 193px; top: 200px;"&gt;&lt;/div&gt;&lt;div class="MagicZoomHint" style="display: block; overflow: hidden; position: absolute; visibility: visible; z-index: 1; left: 2px; right: auto; top: 2px; bottom: auto; opacity: 0.75; max-width: 572px;"&gt;Zoom&lt;/div&gt;&lt;/a&gt;
    
      &lt;ul class="product_thumbnails"&gt;
        
          &lt;li class=""&gt;&lt;a href="https://images.bigcartel.com/product_images/187353065/produit_08-294HR.jpg?auto=format&amp;amp;fit=max&amp;amp;h=1000&amp;amp;w=1000"&gt;&lt;img src="https://images.bigcartel.com/product_images/187353065/produit_08-294HR.jpg?auto=format&amp;amp;fit=max&amp;amp;w=300" alt="Image of Bol Or"&gt;&lt;/a&gt;&lt;/li&gt;
        
          &lt;li class="active"&gt;&lt;a href="https://images.bigcartel.com/product_images/187353089/produit_08-304HR.jpg?auto=format&amp;amp;fit=max&amp;amp;h=1000&amp;amp;w=1000"&gt;&lt;img src="https://images.bigcartel.com/product_images/187353089/produit_08-304HR.jpg?auto=format&amp;amp;fit=max&amp;amp;w=300" alt="Image of Bol Or" data-pin-nopin="true"&gt;&lt;/a&gt;&lt;/li&gt;
        
          &lt;li&gt;&lt;a href="https://images.bigcartel.com/product_images/187353110/produit_08-311HR.jpg?auto=format&amp;amp;fit=max&amp;amp;h=1000&amp;amp;w=1000"&gt;&lt;img src="https://images.bigcartel.com/product_images/187353110/produit_08-311HR.jpg?auto=format&amp;amp;fit=max&amp;amp;w=300" alt="Image of Bol Or" data-pin-nopin="true"&gt;&lt;/a&gt;&lt;/li&gt;
        
      &lt;/ul&gt;
    
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>