I'm thinking of doing something like this:
<a href="http://www.example.com" data-href="http://www.affiliatelink.com">Link</a>
When a user hovers the link they will see www.example.com in the address bar, but when they click it they will be taken to the www.affiliatelink.com instead.
<script>
$("[data-href]").click(function(event) {
event.preventDefault();
window.location.replace($(this).data('href'));
});
</script>
The affiliate link is for the same site that appears in the users status bar, I'm not tricking users to go to some unrelated site. Is this a quick way to get screwed by Google?