title: Refactor .live() to .on() in SimpleSplitView
body: <p>I'm attempting to use <a href="http://simplesplitview.sourceforge.net/" rel="nofollow"><strong>SimpleSplitView</strong></a> to render an iPad-like UI for a project I'm working on.  However, the example provided uses the deprecated jQuery API <code>.live()</code>:</p>
  
  <pre><code>$('#mainpage').live('pageshow', function(event) {
      document.getElementById('splitviewcontainer').padding = 44;
      $('#splitviewcontainer').simplesplitview();
  });
  </code></pre>
  
  <p>jQuery deprecated <code>.live()</code> in 1.7 &amp; removed it in 1.9, and my project is using 2.1.1.  Reading the documentation on <a href="http://api.jquery.com/live/" rel="nofollow"><strong>the jQuery site</strong></a>, I should be able to refactor it to:</p>
  
  <pre><code>$(document).on("pageshow", "#mainpage", function (event) {
      document.getElementById('splitviewcontainer').padding = 44;
      $('#splitviewcontainer').simplesplitview();
  });
  </code></pre>
  
  <p>However, when I try that with 2.1.1, I end up with the divs stacked on top of each other in the order they occur in the HTML, instead of in left &amp; right orientation .  So I tried using <code>.on()</code> in 1.7.1 (which is what the original example uses), and I get the same stacked div results with the dev console complaining about an invalid function on that line.</p>
  
  <p>In order to make this work, I <em>think</em> I need an event listener for the pageshow event, but I'm not sure how to implement that or if it's the right approach.</p>
  
  <p>I tried to make a couple of fiddles to demonstrate the problem, but I can't get SimpleSplitView to work in JSFiddle at all (it just does the stacked view even using the original jQuery &amp; JQM versions).</p>
  
  <p><strong>The Question:</strong>
  What do I need to do to refactor <code>.live()</code> to <code>.on()</code> to make this work in current jQuery?</p>