title: Javascript Append function won't duplicate img src on each card
body: <p>I have the following code that is suppose to loop through the arrays and print a card out for each one.  It works when I hardcode my img src to a path on my computer.  When I try and use my image array, my cards stop duplicating.  I know my array is populated because I pull from it in another place in my code.  I am evidently not putting the right quotes around stuff.  Can someone see anything wrong?</p>
  
  <pre><code>    var names= &lt;?php echo json_encode($Names); ?&gt;;
      var colors= &lt;?php echo json_encode($Color); ?&gt;;
      var Images= &lt;?php echo base64_encode($Image); ?&gt;;
  
      //Can use variable as selector, not that I'm using a specific selector
      //Try using array of arrays and pick one to each loop over
      $(document)
          .ready(function() {
  
              $.each(colors, 
                  function(i, value) {
                      $('.main_card_shell').append(
                      "&lt;div class='card_content card_style' id='card0'&gt;" +
  
                             "&lt;div class='subcard_style box_title'&gt;" + 
                             "&lt;img class='card_image' src='data:image/png;base64, " + Images[i] + "' alt='Item #1' /&gt;" +      
  
  
                                 '&lt;div class="profile"&gt;' +
                                     '&lt;div class="card_number"&gt;' + value + '&lt;/div&gt;' +
                                     '&lt;div class="card_name"&gt;' + names[i] + '&lt;/div&gt;' +
                                     '&lt;div class="tag_row"&gt;' +
                                         '&lt;div class="sample_item sample_item4"&gt;&lt;/div&gt;' +
                                         '&lt;div class="sample_item sample_item3"&gt;&lt;/div&gt;' +
                                     '&lt;/div&gt;' +
                                 '&lt;/div&gt;' +
                             '&lt;/div&gt;   ' +
                             "&lt;div class='subcard_style box_status'&gt;" +
  </code></pre>