title: jquery using parent or siblings
body: <p>Hello i have multiple galleries on one page and also using a light-box script. Instead of having to id each gallery differently i think i can use parent or siblings function, but i cant get it working can anyone help?</p>
  
  <pre><code>&lt;div id'gallery'&gt;
  &lt;a id='galImage'&gt;.....&lt;/a&gt;
  &lt;a id='galImage'&gt;.....&lt;/a&gt;
  &lt;a id='galImage'&gt;.....&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;div id'gallery'&gt;
  &lt;a id='galImage'&gt;.....&lt;/a&gt;
  &lt;a id='galImage'&gt;.....&lt;/a&gt;
  &lt;a id='galImage'&gt;.....&lt;/a&gt;
  &lt;/div&gt;
  
  &lt;div id'gallery'&gt;
  &lt;a id='galImage'&gt;.....&lt;/a&gt;
  &lt;a id='galImage'&gt;.....&lt;/a&gt;
  &lt;a id='galImage'&gt;.....&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>the script i'm using is </p>
  
  <pre><code>$(function() {
     $('#gallery #imageGal').lightBox({
      overlayBgColor: '#FFF',
     });
  });
  </code></pre>
  
  <p>i've tried </p>
  
  <pre><code>$(function() {
     $("#gallery + #imageGal", this).lightBox({
      overlayBgColor: '#FFF',
     });
  });
  </code></pre>