jQuery event is not called on single click rather gets called on double click
<p>I am calling page <code>getUserAdDetails.aspx?PID=</code> inside a master page using jQuery.
 I have to generate the id for button dynamically ... Code below works fine but it does not work on single click rather i have to double click the button to load the external page.. I am new to jQuery so i find it difficult to find a solution. Please check my code and would appreciate if some one can fix it..</p>

<p>If i also try to fire the same even on a link rather than button then it does not work..
Please see the code below this will give you an idea</p>

<pre><code>&lt;script type="text/javascript"&gt;
    function passPID(pid, psno) {
        $(document).ready(function () {
            $('#' + psno).html('&lt;img src="images/ajax-loader-small.gif"/&gt; Loading...');
            $('#' + pid).click(function () {
                    $('#' + psno).load("getUserAdDetails.aspx?PID=" + pid);
            });
        });
    }
&lt;/script&gt;

&lt;input id='&lt;%# Eval("ProductIDGUID")%&gt;'  type="button" value="View Details" onclick="passPID('&lt;%# Eval("ProductIDGUID")%&gt;', '&lt;%# Eval("psno")%&gt;' )" class="btncss" /&gt;
</code></pre>
