Pagination info on iPad not updating on form submit.

jtbarrett

I have a user table which gets data from a search form on the same page. Everything works perfectly on desktop on all browsers, but when searching on the iPad, the info stays at "0 to 0 of 0" results. Interestingly, rotating the tablet updates the info to correct values. I don't think Bootstrap isn't at fault because resizing the desktop browser cannot duplicate the problem at any size. I have no clue where to start... here is what my table definition looks like:

            "scrollY": "auto",
            "scrollCollapse": true,
            "searching": false,
            "bSort": false,
            "columns": [
                {   "data": "Name"},
                { "data": "Position" },
                { "data": "Branch" },
                ... more similar columns...
            ],
            "deferRender": true,
            "drawCallback": function ( settings ) {     //grouping function
                if (!$('#d').is(':checked')) {
                    var api = this.api();
                    var rows = api.rows( {page:'current'} ).nodes();
                    var last=null;
                    api.column(3, {page:'current'} ).data().each( function ( group, i ) {
                        if ( last !== group ) {
                            $(rows).eq( i ).before(
                                '<tr></tr><tr><td colspan="8" class="header">' + group + '</td></tr>'
                                );
                            last = group;
                        }
                    } );
                } 
        }

I'm really at a loss here as to why this is happening or how to fix it. The table doesn't redraw on rotate, I checked.