jQuery/javascript: webkit clearTimeout issue
On the back of my previous question I am having some trouble with the following code in webkit browsers Safari and Chrome: -

    // Textarea focus out event.
    var renderHandler;


    $("textarea").live('focusout', function (e) {
       var currentNote = this;
       renderHandler = setTimeout( function(){ renderNote(currentNote); }, 100);
    });

    // handle exceptions
    $('.textEdit').live('focusin', function (e) {
       clearTimeout(renderHandler);

    });



    function renderNote( note ){
    var itemContent = $(note).val();
		itemContent = htmlStrip(itemContent);
		itemContent = itemContent.replace(/\n/g, "<br/>"); // New lines
        //itemContent = itemContent.replace(/\s/g, " &nbsp;"); // Spaces

    // Formatting replacements
    itemContent = itemContent
        .replace(/\[b\]/gi, "<b>")
        .replace(/\[\/b\]/gi, "</b>")
        .replace(/\[i\]/gi, "<i>")
        .replace(/\[\/i\]/gi, "</i>")
        .replace(/\[s\]/gi, "<s>")
        .replace(/\[\/s\]/gi, "</s>");

    $(note).replaceWith("<p class='notes'>"+ itemContent +"</p>");
    }

In firefox latest clearTimeout on renderHandler prevents the function 'renderNote' from being called which allows me to handle exceptions on the focusout event. However in webkit browsers renderNote is called regardless.

I have tried return, return false, preventDefault, stopPropagation, break but no joy. Anyone come across this before?
jQuery/javascript: webkit clearTimeout issue
===

On the back of my previous question I am having some trouble with the following code in webkit browsers Safari and Chrome: -

    // Textarea focus out event.
    var renderHandler;


    $("textarea").live('focusout', function (e) {
       var currentNote = this;
       renderHandler = setTimeout( function(){ renderNote(currentNote); }, 100);
    });

    // handle exceptions
    $('.textEdit').live('focusin', function (e) {
       clearTimeout(renderHandler);

    });



    function renderNote( note ){
    var itemContent = $(note).val();
		itemContent = htmlStrip(itemContent);
		itemContent = itemContent.replace(/\n/g, "<br/>"); // New lines
        //itemContent = itemContent.replace(/\s/g, " &nbsp;"); // Spaces

    // Formatting replacements
    itemContent = itemContent
        .replace(/\[b\]/gi, "<b>")
        .replace(/\[\/b\]/gi, "</b>")
        .replace(/\[i\]/gi, "<i>")
        .replace(/\[\/i\]/gi, "</i>")
        .replace(/\[s\]/gi, "<s>")
        .replace(/\[\/s\]/gi, "</s>");

    $(note).replaceWith("<p class='notes'>"+ itemContent +"</p>");
    }

In firefox latest clearTimeout on renderHandler prevents the function 'renderNote' from being called which allows me to handle exceptions on the focusout event. However in webkit browsers renderNote is called regardless.

I have tried return, return false, preventDefault, stopPropagation, break but no joy. Anyone come across this before?