title: What is the "mobile-pagecontainer" selector
body: <p>jQuery Mobile has various events and methods. The <code>pagecontainer</code> events and methods are used to handle most of the <code>page</code> events from <code>v1.4</code>. I do not understand the use of the <code>:mobile-pagecontainer</code> selector.</p>
  
  <p>The API documentation only uses <code>$('.selector')</code> which is straightforward and simple to understand though, I do not know which object it is referring to. Am I supposed to use it on a <code>$('div[data-role="page"]')</code>  or on <code>$('body')</code>. And what does the other selector, <code>:mobile-pagecontainer</code>, signify?</p>
  
  <p>API: <a href="http://api.jquerymobile.com/pagecontainer" rel="noreferrer">jQuery 1.4.0 API</a></p>
  
  <p>Edit: Also, I found many examples on stackoverflow and other websites using <code>$(document)</code> what is the relation to all these?</p>
  
  <p>Edit 2: I created a tiny fiddle which exhibits the <code>pagecontainerbeforeshow</code> event using all the 3 selectors <code>$('body')</code>, <code>$(':mobile-pagecontainer')</code> and <code>$(document)</code><a href="http://jsfiddle.net/lordbalmung/qwNL6/5/" rel="noreferrer">Fiddle - PageContainer Events</a>. My heart felt gratitude and thanks to @Omar</p>