Cannot read property 'aDataSort' of undefined

Acabo de perder 45 min investigando el error Cannot read property 'aDataSort' of undefined al inicializar un DataTable de jQuery.

En google conseguí varias explicaciones de porque ocurre este error:

• El elemento table no contiene los elementos thead o tbody
• El elemento thead esta vacío
• Hay mas columnas definidas en thead que las indicadas en la opción columns
• Una o mas de las columnas definidas en columns hacen referencia a una columna que no existe en el dataset aplicado.

Ninguna de estas aplicaba a mi caso.  Cual resulto ser el problema? que en lugar de tener:

<table id="mytable">
...
<table>

tenia:

<table id="mytable" />

...

</table>

Notó el "/" extra en la apertura del nodo table?  si? pues a mi me llevó 45 min verlo!! :(

Manejar el envio de un form con JQuery y AJAX

Tenemos un form cuyo envío queremos manejar via AJAX usando JQuery.  Para esto, programamos el evento "onSubmit" el form para invocar una función javascript, la cual usa $.ajax() para enviar el POST hacia un servicio REST.

Todo funciona bien... excepto que la primera vez que pulsamos el botón "Submit" la llamada Ajax falla, pero si volvemos a intentar funciona perfectamente.

El problema lo causa el hecho de que cuando se inicia el proceso de POST del formulario, se invoca la función javascript indicada en el evento onSubmit, pero luego se continua con el procesamiento normal del form, que incluye un POST hacia la dirección indicada en el href del elemento FORM y un postback de la página.  Para evitar esto, debemos incluir la siguiente linea al final de la función javascript:

event.preventDefault();