title: how to adding an arr include many "src" of images into a source of image tag
body: <p>I want to create a div that contains an image tag and I want to push an array which has many elements of src images into a source of that <code>&lt;img&gt;</code> I've created.<br>
  Here my code but it not working.</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>var push = "&lt;div class='card'&gt;&lt;img class='front' src=''&gt;&lt;img class = 'back' src = 'images/back.png' &lt;/div&gt;";
  
  var images = ["images/s1.jpg", "images/s2.jpg", "images/s3.jpg", "images/s4.jpg", "images/s5.jpg", "images/s6.jpg", "images/s7.jpg", "images/s8.jpg"]
  
  for (i = 0; i &lt; 8; i++) {
    $(".content").append(push);
  }
  
  var images = $('.card').children('img').map(function() {
    return $(this).attr('src')
  }).get()</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;div class="wrap"&gt;
    &lt;div class="content"&gt;
  
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>