Full responsive background image
<p>I try to understand how can i do the full background image responsive.
at first i am using jQuery Anystretch.</p>

<p>The code. </p>

<blockquote>
  <p>functions.php</p>
</blockquote>

<pre><code>wp_register_script( 'jquery.anystretch', get_template_directory_uri() .'/js/jquery.anystretch.js', array( 'jquery'));
wp_enqueue_script( 'jquery.anystretch');
</code></pre>

<blockquote>
  <p>main.css</p>
</blockquote>

<pre><code>.imgheader { background: url("images/image.png")  height:450px; width:100%; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative}
</code></pre>

<blockquote>
  <p>index.php</p>
</blockquote>

<pre><code>&lt;figure class="container imgheader"&gt; &lt;/figure&gt;
</code></pre>

<blockquote>
  <p>header.php</p>
</blockquote>

<pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"&gt;&lt;/script&gt;
&lt;?php wp_enqueue_script('jquery'); ?&gt; 
&lt;script type="text/javascript"&gt;
jQuery(document).ready(function($)
{
(function() 
{
$('.imgheader').anystretch("images/image.png");
})
});
&lt;/script&gt;
</code></pre>

<p>Also, i try with :</p>

<pre><code>   $('figure.imgheader').anystretch("images/image.png");
</code></pre>

<p>But the problem is the same, the script do not load. What i am doing wrong?</p>

<p>Thanks in advanced.</p>
