Select tag inside hyperlink problem

Question

I have simplified my page and here what I have:

&l         


        

Answer 1

The problem with your approach: everything is contained in this link element. So theoretically, a browser is right to assume that anything that gets clicked inside this A-tag is clicking the link. Even thought this may work differently for some browsers, and lead to the behaviour you would like, I would doubt that the behaviour is consistent over all user agents. Hence I don't see how there is any way to make this work reliably without getting rid of the A-element, respectively moving the A-element so its only around the image (which is the behaviour you desire):

<a href="#############">
   <img src="preview_image" />
</a>
<div>
   <input type="text" value="" />
   <select>
            <option value="default" selected>choose</option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
   </select>
</div>

Answer 2

Even if I don't know, what you need your entire <a><div>... construct for, in any case you should put your script into a ready() block, so that it executes when the page is loaded:

$(document).ready(function(){

   $('div').click(function(){
        return false;
   });

});