title: Using javascript "GroupImage.src=GroupDB[i].picture" adds "%26/#47"
body: <p>I'm trying to add an image to a 'div' dynamically generated. For that I use:</p>
  
  <pre><code>GroupImage = document.createElement("img");
              GroupImage.src=GroupDB[i].picture;
  
  CurrentGroup.appendChild(GroupImage);
  </code></pre>
  
  <p>CurrentGroup is a div and "GroupDB[i].picture" contains an URL. In this case the URL is: <a href="https://lh4.googleusercontent.com/-ugAXmjWxPm0/UNfk2VwTa6I/AAAAAAAAGpE/88dMKe8VaeI/s144/376290009_1ddbf70515_b.jpg" rel="nofollow">https://lh4.googleusercontent.com/-ugAXmjWxPm0/UNfk2VwTa6I/AAAAAAAAGpE/88dMKe8VaeI/s144/376290009_1ddbf70515_b.jpg</a>
   which points to a picture but when using it with GroupImage.src=GroupDB[i].picture I get the URL plus '%26/#47'</p>
  
  <p>but when I use "GroupImage.src=GroupDB[i].picture" what I get is &lt;'img src="https:&amp;#47/lh4.googleusercontent.com/-ugAXmjWxPm0/UNfk2VwTa6I/AAAAAAAAGpE/88dMKe8VaeI/s144/376290009_1ddbf70515_b.jpg'> which adds the "%26/#47" portion and does not open the link. Can anyone help me unsertand what happens?</p>
  
  <p>Thanks!</p>