Replacing background image onclick
<p>I am replacing a background image on click but it is not working. Here is my html:</p>

<pre><code> &lt;img id ='pet' src= 'http://ianon.info/pet_support/pic.png' height='200' width='200' style='border: 1px solid black'&gt;;
</code></pre>

<p>Here is my JS+CSS:</p>

<pre><code> &lt;input type="radio" name="field" value="4" onclick="document.getElementById('pet').style.border='30px solid transparent';document.getElementById('pet').style.border-image='url(http://ianon.info/pet_support/borders/pawprint.png) 120 round'"/&gt; Paw Print Frame &amp;nbsp&amp;nbsp&amp;nbsp
</code></pre>

<p>I think it my be an issue my syntax following "onclick". Any pointers will be appreciated! </p>