How can I delete jquery object at runtime?
<pre><code>$("#id").tooltip({ 
        effect: "slide", 
        tip: '.tooltip' 
    }); 
</code></pre>

<p>I want to delete the object created by this code.</p>

<p>"flowplayer jquery tools" plugin</p>

<p><strong>This question has an answer described in the bottom of my post!</strong>    </p>

<p><em>See the bottom if you don't wanna loose you time</em></p>

<p>.</p>

<p><strong>----------UPDATE----------</strong></p>

<p>That should be something like this</p>

<p>The code:</p>

<pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
&lt;html&gt;&lt;head&gt;
    &lt;title&gt;jQuery tooltip&lt;/title&gt;
    &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt; 
    &lt;script src="http://cdn.jquerytools.org/1.1.2/full/jquery.tools.min.js"&gt;&lt;/script&gt;

    &lt;script type="text/javascript"&gt;


/******* THIS FUNCTION IS JUST FOR TEST, REMOVE IT LATER *********/
    $(document).ready(function() {
        $("#_2").tooltip({ 
            effect: "slide", 
            tip: '.tooltip' ,
            position: 'bottom center'
        }); 

    });
/******* THIS FUNCTION IS JUST FOR TEST, REMOVE IT LATER *********/




/** The code below is not working as I expect, it doesn't MOVE tooltip **/

           var old_id;

    //first time - create tooltip
        function my_create(id){
            $("#"+id).tooltip({ 
                effect: "slide", 
                tip: '.tooltip', 
                position: 'bottom center'
            });     
        }

     //next times - move tooltip to other element
        function my_unlink(id){
            $("#"+id).unbind("mouseover"); 
            //todo
        }

        function my_link(id){
            //todo
        }


        //THE MAIN FUNCTION

        function do_tip(new_id){
            if(old_id){
                my_unlink(old_id);
                my_link(new_id);
                alert(new_id);
            }
            else
                my_create(new_id);

            old_id=new_id;
         //new_id.focus();
     } 

    &lt;/script&gt; 

  &lt;style&gt;
    .tooltip {
      display: none;
      background:transparent url(http://flowplayer.org/tools/img/tooltip/black_arrow_bottom.png);
      font-size:14px;
      height:70px;
      width:160px;
      padding:25px;
      color:#fff;   
    }
    h1 {
      width: 400px;
      text-align: center;
      background-color: yellow;
    }

  &lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;

    &lt;h1 onclick="do_tip(this.id)" id="_1"&gt;John&lt;/h1&gt;
    &lt;h1 onclick="do_tip(this.id)" id="_2"&gt;Mary&lt;/h1&gt;
    &lt;h1 onclick="do_tip(this.id)" id="_3"&gt;Dan&lt;/h1&gt;
    &lt;h1 onclick="do_tip(this.id)" id="_4"&gt;Paul&lt;/h1&gt;
    &lt;h1 onclick="do_tip(this.id)" id="_5"&gt;Kim&lt;/h1&gt;

    &lt;div class="tooltip"&gt;There should be only one tooltip on a page!&lt;/div&gt;

&lt;/body&gt;&lt;/html&gt;
</code></pre>

<hr>

<p>.</p>

<p><strong>---------UPDATE 2----------</strong></p>

<p>Here's the answer</p>

<p><a href="http://stackoverflow.com/questions/2124327/linking-unlinking-jquery-object-to-an-element">http://stackoverflow.com/questions/2124327/linking-unlinking-jquery-object-to-an-element</a></p>

<p>The moral of this long tale is:</p>

<p><strong>I've been thinking it's a common, not code or plugin-specific question. I thought that the solution should be as simple as "destroy old tooltip object and then create a new one, attatched to other element"</strong></p>
