add text input on certain column table when clicked
<p>I'm quite new in jquery table . I have a code that will add text input in certain column that I clicked . In my case ,the column is number 9th .Below is my code :</p>

<pre><code>$('#PtptnFileTblId_1').on( 'click', 'tbody td:not(:first-child)', function (e) {
        var id = $(this).attr('id');
        var file_id = $(this).attr('name');
        var code = $(this).text();

        var textrowId = $(this).children("td:nth-child(9)");
        textrowId.html("&lt;input type='text' id='callerid' name='callerid' style='width:100px;' value=''/&gt;");

    } );
</code></pre>

<p>After click on certain row ,I want its column number 9th will add some text fields that enable me to edit its text but the problem is my code seem not working. Before this I use the same code but different ways and it worked.Please help me with my code above .Any help will greatly appreciate</p>