Jeditable plugin - All fields in a table row editable at same time

http://stackoverflow.com/questions/4375705/jeditable-plugin-all-columns-editable-at-same-time/4392708#4392708

by 8bitrebellion

HTML

<script src="http://www.appelsiini.net/projects/jeditable/jquery.jeditable.js"></script>
<script src="http://www.appelsiini.net/projects/jeditable/jquery.jeditable.charcounter.js"></script>
<script src="http://www.appelsiini.net/projects/jeditable/jquery.jeditable.autogrow.js"></script>
<script src="http://www.appelsiini.net/projects/jeditable/js/jquery.autogrow.js"></script>
<script src="http://www.appelsiini.net/projects/jeditable/js/jquery.charcounter.js"></script>


<table border="1">
    <thead>
        <tr>
            <th>1st</th>
            <th>2nd</th>
            <th>3rd</th>
            
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <div class="edit charcounter">blah blah 1</div>
            </td>
            <td>
                <div class="edit charcounter">blah blah 2</div>
            </td>
            <td>
                <div class="edit charcounter">blah blah 3</div>
            </td>

        </tr>
        <tr>
            <td>
                <div class="edit charcounter">blah blah 1</div>
            </td>
            <td>
                <div class="edit charcounter">blah blah 2</div>
            </td>
            <td>
                <div class="edit charcounter">blah blah 3</div>
            </td>
            
        </tr>
    </tbody>
</table>

JavaScript

$(document).ready(function () {
    $(".charcounter").editable("http://www.appelsiini.net/projects/jeditable/php/save.php", {
        indicator: "<img src='http://www.appelsiini.net/projects/jeditable/img/indicator.gif'>",
        type: "text",
        submit: 'OK',
        tooltip: "Click to edit...",
        onblur: "ignore",
        
        event:'dblclick'
    });

});