title: jQuery Mobile Transitions processing twice
body: <p>My transitions are jerky and some time seem to process twice. So its not a smooth fluid transition from page to page. Am I doing something wrong within the coding? This was tested on an iPhone 4S with the latest update.</p>
  
  <pre><code>&lt;div data-role="page" id="track_dash"&gt;
      &lt;div data-theme="a" data-role="header" data-position="fixed"&gt;
          &lt;h3&gt;&lt;!-- ex: Phase 1, Day 1 --&gt; Phase #, Day # &lt;/h3&gt;
          &lt;a data-role="button" data-transition="flip" data-theme="b" class="ui-btn-right" href="#page2"&gt; Info &lt;/a&gt;
      &lt;/div&gt;
      &lt;div data-role="content"&gt;
          &lt;div class="360"&gt;
              &lt;img src="simgs/360_logo.png" /&gt;&lt;!-- style="width: 170px; height: 91px" --&gt;
          &lt;/div&gt;
          &lt;ul data-role="listview" data-divider-theme="b" data-inset="true"&gt;
              &lt;li data-theme="c"&gt;
                  &lt;a href="#page4" data-transition="slide"&gt; Track Meals &lt;/a&gt;
              &lt;/li&gt;
              &lt;li data-theme="c"&gt;
                  &lt;a href="#page20" data-transition="slide"&gt; Track Workouts &lt;/a&gt;
              &lt;/li&gt;
              &lt;li data-theme="c"&gt;
                  &lt;a href="#page8" data-transition="slide"&gt; Track Progress &lt;/a&gt;
              &lt;/li&gt;
              &lt;li data-theme="c"&gt;
                  &lt;a href="#page17" data-transition="slide"&gt; Journal &lt;/a&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
          &lt;ul data-role="listview" data-divider-theme="d" data-inset="true"&gt;
              &lt;li data-theme="d"&gt;
                  &lt;a href="#page52" data-transition="slide"&gt; &lt;img src="simgs/alert_bubble.png" alt="Alerts" class="ui-li-icon" /&gt; Alerts &lt;span class="ui-li-count"&gt;2&lt;/span&gt; &lt;/a&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  
      &lt;div data-theme="e" data-role="footer" data-position="fixed"&gt;
          &lt;div data-role="navbar" data-iconpos="top"&gt;
              &lt;ul&gt;
                  &lt;li&gt;
                      &lt;a href="#page1" id="track" data-theme="e" data-icon="custom" data-corners="false" data-iconshow="true" data-wrapperels="span" class="ui-btn-active"&gt; &lt;span class="foot_font"&gt;Track&lt;/span&gt; &lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="#page40" id="cal" data-theme="e" data-icon="custom" data-corners="false" data-iconshow="true" data-wrapperels="span"&gt; &lt;span class="foot_font"&gt;Calendar&lt;/span&gt; &lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="#page44" id="shop" data-theme="e" data-icon="custom" data-corners="false" data-iconshow="true" data-wrapperels="span"&gt; &lt;span class="foot_font"&gt;Shopping&lt;/span&gt; &lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="#page22" id="profile" data-theme="e" data-icon="custom" data-corners="false" data-iconshow="true" data-wrapperels="span"&gt; &lt;span class="foot_font"&gt;Profile&lt;/span&gt; &lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="#page47" id="more" data-theme="e" data-icon="custom" data-corners="false" data-iconshow="true" data-wrapperels="span"&gt; &lt;span class="foot_font"&gt;More&lt;/span&gt; &lt;/a&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>