Im disabling a link on a page using the following html and javascript code:

<
a href="" id="name" data-role="button">linkname</a>


$("[data-role=button]").attr("enabled", false);

$("[data-role=button]").addClass("ui-disabled");

This work fine in chrome and firefox. In IE the button looks disabled but it is still possible to click the link and it fires.

How do I solve this problem?