title: How can I stretch content background image to full screen?
body: <p>I have this HTML. With the following:</p>
  
  <pre><code>&lt;div class="item"&gt;
    &lt;div class="bg_img"&gt;&lt;/div&gt;
    &lt;h1&gt;morning&lt;/h1&gt;
    &lt;h2&gt;today&lt;/h2&gt;
    &lt;p&gt;lorem ipsum.&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Background image to this content CSS:</p>
  
  <pre><code>#container .item .bg_img{background:url('../img/mainpage/demo.jpg') no-repeat;}
  </code></pre>
  
  <p>This structure is working ok. But I want to attach this background images to body and full screen size. How can I do this via JavaScript or pure jQuery (no plugin)?</p>