jQuery Mobile changePage() error
<p>On .js file I have a table rows bound such as this.</p>

<pre><code>$("#drivetracker-drives").bind("click touch", function(event)
        {
            var target = event.target;
            var type; var count=0;
            do{
                type = target.tagName.toLowerCase();
                if (type!="tr"){
                    target=target.parentNode;
                }
                count++;
            } while(count&lt;3 &amp;&amp; type!="tr");

            if (type.toLowerCase()=="tr"){
                drivetracker.loadDrive(target.getAttribute("value"),target.getAttribute("idx"));
            }

            var check = target.getAttribute("value");

            var xhrArgs = {
                url : server_name + "/service/get/drivetracker/getDrivesAll.php",
                contentType : "json",
                dataType: "json",
                data : {
                    gameid : gameid
                },
                success : function(data) {
                    var drives = data["drives"];
                    for(var i=drives.length-1;i&gt;=0;i--){
                        var drive=drives[i];
                        if (drive.driveid == check)
                        {
                            if (drive.quarter == 1)
                            {
                                drivetracker.loadDrivesQT1HL(drive.driveid);
                                $.mobile.changePage("#drivetrackerQT1");
                                //window.location.href = '#drivetrackerQT1';
                            }
                            else if (drive.quarter == 2)
                            {
                                drivetracker.loadDrivesQT2HL(drive.driveid);
                                $.mobile.changePage("#drivetrackerQT2");
                                //window.location.href = '#drivetrackerQT2';
                            }
                            else if (drive.quarter == 3)
                            {
                                drivetracker.loadDrivesQT3HL(drive.driveid);
                                $.mobile.changePage("#drivetrackerQT3");
                                //window.location.href = '#drivetrackerQT3';
                            }
                            else if (drive.quarter == 4)
                            {
                                drivetracker.loadDrivesQT4HL(drive.driveid);
                                $.mobile.changePage("#drivetrackerQT4");

                                //$.mobile.changePage( $("#drivetrackerQT4"));
                                //window.location.href = '#drivetrackerQT4';
                            }
                        }
                    }       
                }//sucess
            }//xhrArgs
            var deferred = $.ajax(xhrArgs);
          //console.log("target: "+target+" "+event.relatedTarget);
        });
</code></pre>

<p>Notice $.mobile.changePage("#drivetrackerQT1"); or 2 3 4</p>

<p>The problem is once the row is clicked, it does direct the user to #drivetrackerQT1 page (dirvetrackerQT1.php but then sends the user back to the page where #drivetracker-drives resides (drivetracker.php)</p>

<p>Anyone know why it doesnt just say on #drivetrackerQT1 page?????</p>
