Unregister a live click event when the objects keep on changing dynamically
<p>I have a div in which i dynamically add different tables.</p>

<p>I need to maintain a column that was sorted out.</p>

<p>I am using Global Variables for storing the column names.</p>

<p>Since the table gets changed (a different structured table can be added dynamically too)</p>

<p>I register a TH (table head click event). In which i need to pass the JSON url.</p>

<p>I use LIVE event since the table is appended later on.</p>

<p>I want to get deregister all the TH click events when a new table is added.</p>

<p>I use UNBIND but it does not work. My click event fire twice with different params.</p>

<p>Code:</p>

<pre><code>            $("#" + control.attr("id") + " tr th").unbind("click");

            $("#" + control.attr("id") + " tr th").live(
            "click" , function()
            {

              var table_head = $(this);

              var  new_sort_column = (table_head.text());

              opts.columnName = new_sort_column;

              ColumnName = new_sort_column;

              opts.IsAscending = GlobalIsAscending ;

              GlobalIsAscending = !GlobalIsAscending ;

              getPageSet(control, opts, 0);

            }
            );
</code></pre>

<p>// Might be required
(This code is a part of my jquery plugin where Opts is jquery options)</p>

<p>Any help is appreciated.</p>
