title: How do I append an image to a src within a div?
body: <p>I've been creating a "shopping site". I have code that allows me to add info from a javascript object to html. Everything is being added except the image, which it returns as text. Here is my code:</p>
  
  <pre><code>    &lt;div id= "book1"&gt;
      &lt;div id= "twilight" class= "book product"&gt;
          &lt;div class= "name"&gt; &lt;/div&gt;
          &lt;div class= "catagory"&gt;&lt;/div&gt;
          &lt;div class= "price"&gt;&lt;/div&gt;
          &lt;div class= "description"&gt;&lt;/div&gt;
          &lt;div class= "picture" src= ""&gt;&lt;/div&gt;
          &lt;div class= "sellingPoints"&gt;&lt;/div&gt;
      &lt;/div&gt; 
  
      &lt;script&gt;
         var book1 = {
            name: "Twilight",
            catagory: ["Book", "Teen Romance", "Teen Paranormal"],
            description: "Girl meets boy. Boy turns out to be vampire. Girl falls       
            in love with boy. Boy struggles with her love. A-mazing.",
            pictureURL: "image URL",
            price: 15.99,
            sellingPoints:["Forbidden Love", "Love Triangle"]
         }
  
  
  
         $('#book1 .name').text(book1.name);
         $('#book1 .catagory').text(book1.catagory);
         $('#book1 .description').text(book1.description);
         $('#book1 .picture').text(book1.pictureURL);
         $('#book1 .price').text(book1.price);
         $('#book1 .sellingPoints').text(book1.sellingPoint);
      &lt;/script&gt;
  </code></pre>
  
  <p>This is roughly what I have (with everything in their respective  and  tags. I didn't include them here). The text is placed where it is suppose to be, but I have no idea how to go about getting the image url to be placed in the src so it shows up as the actual image and not just as a txt url. </p>
  
  <p>Is there a way to do this so it lands within the src? Or is there another way? </p>