title: jquery find returning only one element (in Meteor)
body: <p>I have the following links that when clicked on should show fancyboxes--using the jquery plugin here: <a href="http://fancyapps.com/fancybox/" rel="nofollow">http://fancyapps.com/fancybox/</a>  </p>
  
  <pre><code>&lt;div class="boxes"&gt;
      &lt;a href="/signup.html" class="btn popup-link fancybox.ajax"&gt;Sign Up&lt;/a&gt;
      &lt;a href="/signin.html" class="btn popup-link fancybox.ajax"&gt;Sign In&lt;/a&gt;
     &lt;/div&gt;
  </code></pre>
  
  <p>The problem i'm having is that the fancybox works only for the first link.
  In Meteor, I have:</p>
  
  <pre><code>Template.mytemplate.rendered = function () {
  
          console.log($(this.find('a.popup-link')));
          $(this.find('a.popup-link')).fancybox({
              padding: 18,
              openMethod: 'changeIn',
              closeBtn   : false,
              beforeShow: function() {
                  $('input:checkbox').ezMark();
                  $('select').selectbox();
  
                  $('.trigger-ajax').on('click', function(e) {
                      e.preventDefault()
                      $('.fancybox-wrap').animate({ 'left': '-100%'}, 400, function() {
                          $(this).parent().find('.popup-link').trigger('click');
                      })
                  })
              }
          });
  
  }
  </code></pre>
  
  <p>When i click on the first link my fancybox loads as expected but when i click on the second nothing happens.</p>
  
  <p>Via the console.log its also clear that the find is returning only the first element ...hence the problem.</p>
  
  <p>Note it doesn't work if i just do <code>('a.popup-link')</code> without the <code>find</code>. </p>
  
  <p>What's going on? Thanks!</p>