title: HTML image link not showing up in Safari or Chrome
body: <p>I have an image that is supposed to appear on a website page. It works in Firefox, but does not appear in either Safari or Chrome for some reason. This is the line I have used for the image in the JS file: </p>
  
  <pre><code>$("#picture").append("&lt;img src='/images/sub1/Green_graph.png' alt='Low_graph' style='width:300px;height:250px;padding: 0px 0px 20px 40px;position:relative'&gt;")
  </code></pre>
  
  <p>I can't seem to figure out why it appears in one browser but not the others and have not yet found an answer to this problem. </p>
  
  <p>Edit: this is the code from the HTML file: </p>
  
  <pre><code>&lt;div class="row"&gt;
          &lt;div class="col-md-1"&gt;
          &lt;/div&gt;
          &lt;div class="col-md-6"&gt;
            &lt;div class="row"&gt;
              &lt;div class="col-12"&gt;
                &lt;div id="info"&gt;
                  &lt;h3 id="rank"&gt;&lt;span style = "color:orange"&gt; random:&lt;/span&gt;&lt;/h3&gt;
  
                    &lt;div class="col-6"&gt;
                      &lt;img id="picture"&gt;
  
                    &lt;/div&gt;
                    &lt;div class="col-6"&gt;
                      &lt;h4 id="blockquoteField"&gt;&lt;/h4&gt;
                    &lt;/div&gt;
                  &lt;div id="density"&gt;&lt;/div&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class = "col-md-4"&gt;
               &lt;img src = "/images/sub1/decrease_form_result_background.png" alt = "right picture" style = "height: 580px; width: 780px"&gt; 
          &lt;/div&gt;
          &lt;div class="col-md-1"&gt;
          &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>