[jQuery] clueTip onclick call from JS and positioning

[*Davide*]

Hello,

Problem:
To show a clueTip when the user clicks
To show the clueTip at the mouse click position
To change dynamically the attr rel

I define the div that will contain the html page to put in

<div id="tip" rel="#" title="jTip Style!" style="display:none">test</
div>

$().ready(function()
{
    $('div#tip').cluetip({
        width:'300',
        height:'600',
        cluetipClass: 'jtip',
        positionBy: "mouse",
        activation : "click",
        arrows: true,
        dropShadow: false,
        //hoverIntent: true,
        sticky: true,
        mouseOutClose: false,
        closePosition: 'title',
        closeText: '<img src="/images/cross.png" alt="close" />'
    });


When the user clicks on a map I call:

$(ShowClueTip(response.responseText));

(function() {
        ShowClueTip= function(response) {
        $("div#tip").attr("rel", response);
        $("div#tip").attr("href", response);
       $("div#tip").show('fast');
        $('div#tip').trigger('click');
        $("p#test").hide("slow");
        }
})();

The p#test is hidden, it means that the function is correctly called,
but the ClueTip is not visible.
If I put the rel value into the div declaration, the ClueTip is
visible, but the position is not correct.
How can I do?

Thanks!