I am facing a really strange issue and I have been trying to solve it for days now. I've researched the issue, however I didn't find anyone else who faced the same issue. The scenario is the following: I am building a web application for desktop and mobile devices. I have my home page with a table grid, for my menu items. I register onlclick listener on the TD tag where I call Jquery Mobile's changePage. Something like this:

$('#home').live('pagecreate',function(event){
    $
('#db td')
    
.bind('vmousedown', function(e){
        $
(this).addClass('touched');

    

})
    
.bind('vmouseup mouseleave', function (e){
        $
(this).removeClass('touched');
    
})
    
.bind('click', function(e){
        
var target = $(this).find('div').attr('data-target');
        $
.mobile.changePage("#" + target);
    
});
});

The page change occurs and the newly loaded page is shown which contains a list of elements. And what i experience is that at the position where I clicked the "button" on the home page the element is hovered on the new page. Similarly if I click the list item (for showing details) then I click the back button on the top the back button is also hovered again on the new (old) page. If I touch somewhere else, the hover disappears. The effect is the same on both Android and iPhone devices. It looks like that the the new page receives another click event, which is not correct, as the list item is not clicked (in that case the page would change again), it is only hovered. It is really driving me crazy and I have no idea now what can the problem be so if you have any suggestion to fix this I appreciate that.