Я пытаюсь отправить форму с помощью AJAX, используя jquery:

    
        
            Name
            ...
              
                Delete
        
    
    
        
            some data
            ...
            
        
    

Если кто-то выбирает флажок и нажимает кнопку отправки, у меня есть этот код:

jQuery(".deletebutton").on("click", function() {
    var testchecked = jQuery(':checkbox:checked').length;
    if (testchecked == 0) {
        alert('Please select at least one video');
        e.preventDefault();
    }
    else
    {
        if (confirm("Are you sure you want to delete the selected videos?"))
        {
            var checked = jQuery('input:checkbox:checked').map(function () {
                return this.value;
            }).get();
            var $this = jQuery(this);
            jQuery.ajax({
                type: 'POST',
                url: 'index.php?option=com_recordings&task=deletevideos&format=raw',
                data: {checkedarray:checked},
                success: function(data){
                    alert(data);

                }
            });
        }
    }
});

Как ни странно, этот код прекрасно работает в IE (какэто для разнообразия) но нет в Chrome или FF. Если я проверю ошибку:

error: function(jqXHR, textStatus, errorThrown) {
        if (jqXHR.status === 0) {
            alert("Not connected. Verify Network.");
        }

Кажется, это всегда бросает это предупреждение. Так почему же всегда 0? Вот действительно странная вещь. После долгих тренировок, если я изменю форму, чтобы она была в таблице, она работает:

    
        
            Name
            ...
              
                Delete
        
    
    

... //the rest is the same

Затем это будет работать в FF и Chrome, но теперь IE не может правильно отобразить таблицу. Так что это не решение (в любом случае это не верный код w3c). Итак ... есть идеи? Что-нибудь, что я могу попробовать отладить это?