Assigning input field's value to background-image of a div / duplicated content
<p>I use the code below to change <code>background-image</code> of a div from the input field's value which works fine:</p>

<pre><code>$(".ImageUrl").blur(function(){
    $(".Image").css("background-image", "url("+$(this).val()+")");
});

&lt;div class="wrap"&gt;
    &lt;section&gt;
        &lt;input class="ImageUrl"/&gt;
        &lt;div class="Image"&gt;&lt;/div&gt;
    &lt;/section&gt;
&lt;/div&gt;
</code></pre>

<p>Not suprisingly, when a duplicate <code>.wrap</code> div is added &amp; an url is typed, it changes both divs' backgrounds as in this example:</p>

<p><a href="http://jsfiddle.net/adige72/tKS6j/" rel="nofollow">http://jsfiddle.net/adige72/tKS6j/</a></p>

<p>What i want is that each "wrap" works as if there is only one "wrap".</p>

<p>Thanks in advance!</p>
