Editable time-picker issue alert message is coming after update value
<p>Currently devloping editable datatable with <strong>jeditable.js</strong> in datatable i put timepicker in jeditable datatable that shows hours and minute dropwdown box. when i update the value it update in datatabase but when i return value in string it shows my new value in <strong>alert box</strong> and <strong>datatable is not updated.</strong></p>

<p><strong>datatable works perfectlly with type=text,textarea,select but not with timepicker</strong></p>

<p><strong>here is my timepicker code that i put in jedtiable.js</strong></p>

<pre><code> time: {
                element: function (settings, original) {
                    var hourselect = $('&lt;select id="hour_"&gt;&lt;option selected value=""&gt;HH&lt;/option&gt;');
                    var minselect = $('&lt;select id="min_"&gt;&lt;option selected value=""&gt;MM&lt;/option&gt;');

                    /* Hour loop */
                    for (var hour = 1; hour &lt;= 12; hour++) {
                        if (hour &lt; 10) {
                            hour = '0' + hour;
                        }
                        var option = $('&lt;option&gt;').val(hour).append(hour);
                        hourselect.append(option);
                    }
                    $(this).append(hourselect);

                    /* Minutes loop */
                    for (var min = 1 ; min &lt;= 60; min++) {
                        if (min &lt; 10) {
                            min = '0' + min;
                        }
                        var option = $('&lt;option&gt;').val(min).append(min);
                        minselect.append(option);
                    }
                    $(this).append(minselect);

                    /* Hidden input to store value which is submitted to server. */
                    var hidden = $('&lt;input type="hidden"&gt;');
                    $(this).append(hidden);
                    return (hidden);
                },
                /* Set content / value of previously created input element. */
                content: function (string, settings, original) {

                    /* Select correct hour and minute in pulldowns. */
                    var hour = parseInt(string.substr(0, 2), 10);
                    var min = parseInt(string.substr(3, 2), 10);

                    $('#hour_', this).children().each(function () {
                        if (hour == $(this).val()) {
                            $(this).attr('selected', 'selected');
                        }
                    });
                    $('#min_', this).children().each(function () {
                        if (min == $(this).val()) {
                            $(this).attr('selected', 'selected');
                        }
                    });

                },
                /* Call before submit hook. */
                submit: function (settings, original) {
                    var value = $("#hour_").val() + ":" + $("#min_").val();
                    $("input", this).val(value);
                }
            }
</code></pre>

<p>after submiting the data to server the value is update on server-side correctly but when i return value this function shows error</p>

<pre><code>function _fnShowError(errorText, action)
{
    alert(errorText);
} 
</code></pre>

<p>please guide me what can i do to solve this error</p>

<p>please also tell me which is the best datatable for inline editing</p>

<p><strong>Note: I am new in this.</strong></p>