Desabilitando Title Padrão

[SrRafael]

Olá,

Estou com um problema, estou utilizando o Tooltip, porém, quando passa o mouse o title padrão não some, aparecendo os dois.
Segue abaixo um print para entenderem o problema e o código que estou usando.



Código:

Script

<script type="text/javascript">
$(function() {
	//adiciona o estilo de em todos os elementos com o rel tooltip
	$("*[rel=tooltip]").hover(function(e){
		//cria o elemento
		$("body").append('<div class="tooltip">'+$(this).attr('title')+'</div>');
		$('.tooltip').css({
			top : e.pageY - 50,
			left : e.pageX + 20
			}).fadeIn();
	  
	}, function(){
		//Ao remover o mouse remove o estilo
		$('.tooltip').remove();
		//ao arrastar o mouse posiciona o elemento
	}).mousemove(function(e){
		$('.tooltip').css({
			top : e.pageY - 50,
			left : e.pageX + 20
		})
	})
});
</script>

	<a title="Adicionar ao Carrinho" rel="tooltip"> <img src="catalog/view/theme/wlinfo/image/add-button.png" /></a>

Alguém sabe como desabilita o title padrão?

Abraços