jquery function is not called on single click rather gets called on double click
<p>I have a problem with my application. Here is my code:</p>

<pre><code>$("#imgphonemain").toggle(addphonerows, "romove funtion");
$("#imgsms").toggle(addsmsrows, "romove funtion");        

function addphonerows(event) {
    removesmsrowsbyphone("imgsms");
    addrowsbyphone("imgphone");
}

function addsmsrows(event) {
    removephonerowsbysms("imgsms");
    addrowsbysms("imgphone");
}
</code></pre>

<p>This basically adds a row into HTML, if I click the <code>imgsms</code> button it removes the phone row and inserts the SMS row, and if click on the <code>imgphonemain</code> button it removes the SMS row and inserts the phone row. This function does not work on a single click. It should called on double click. Can you help?</p>
