title: Change img src when clicked jquery
body: <p>I have some HTML code:</p>
  
  <pre><code>&lt;div class="text-center img-big"&gt;
    &lt;!-- IMAGE BIG  --&gt;
    &lt;img class="img-fluid img-big" src="" alt=""&gt;
  &lt;/div&gt;
  
  &lt;!-- IMAGE SMALL  --&gt;
  &lt;a id="getImg" href="" &gt;&lt;img src="img/asus.jpg" alt="" class="img-thumbnail thumb-product img-fluid thumb-first" width="100"&gt;&lt;/a&gt;
  
  &lt;a id="getImg" href="" &gt;&lt;img src="img/asus-thumb.jpg" alt="" class="img-thumbnail thumb-product img-fluid" width="100"&gt;&lt;/a&gt;
  
  &lt;img src="img/asus.jpg" alt="" class="img-thumbnail thumb-product img-fluid" width="100"&gt;
  </code></pre>
  
  <p>and this is my some jquery code :</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
    var imgSrc = $(".thumb-first").attr("src");
    $(".img-big").attr("src",imgSrc);
  
    $("#getImg img").on("click",function(){
      tes = $(this).attr("src");
      $(".img-big").attr("src",imgSrc);
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>I want to change src image big when image small clicked, but my code doesn't work properly.</p>
  
  <p><img src="https://i.stack.imgur.com/uQDcn.jpg" alt=""></p>