 <p>You can put the image into the checkbox's label, which effectively makes it part of the checkbox (so clicking on it will toggle the checkbox):</p> <pre><code>&lt;label for="moreinfo"&gt; &lt;img src="darkCircle.jpg"/&gt; &lt;input name="moreinfo" type="checkbox" id="moreinfo" style="display:none"&gt; &lt;/label&gt; $("#moreinfo").change(function() { if(this.checked) { $(this).prev().attr("src", "lightCircle.jpg"); } else { $(this).prev().attr("src", "darkCircle.jpg"); } }); </code></pre>