title: Angularjs ng-pageslide issue
body: <p>Demo of my issue here: <a href="http://plnkr.co/edit/S6FOPYg3S2Xa2XLdyJmA?p=preview" rel="nofollow">http://plnkr.co/edit/S6FOPYg3S2Xa2XLdyJmA?p=preview</a></p>
  
  <p>I am using the Angularjs plugin (<a href="https://github.com/dpiccone/ng-pageslide" rel="nofollow">https://github.com/dpiccone/ng-pageslide</a>) like this:</p>
  
  <pre><code>&lt;a pageslide href="#target"&gt;Link text&lt;/a&gt;
  
  &lt;div id="target"&gt;            
      &lt;p&gt;some random content...&lt;/p&gt;
      &lt;a id="target-close" href="#"&gt;Click to close&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Which works great. But for reasons I wont go into I need to have 4 links pointing to the same pageslide div like this:</p>
  
  <pre><code>&lt;a pageslide href="#target"&gt;Link1 text&lt;/a&gt;
  &lt;a pageslide href="#target"&gt;Link2 text&lt;/a&gt;
  &lt;a pageslide href="#target"&gt;Link3 text&lt;/a&gt;
  &lt;a pageslide href="#target"&gt;Link4 text&lt;/a&gt;
  
  &lt;div id="target"&gt;            
      &lt;p&gt;some random content...&lt;/p&gt;
      &lt;a id="target-close" href="#"&gt;Click to close&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But when I do this, only link4 has the content of the target div in it. The other 3 links show an empty page slide. Is there any way around this?</p>