title: Using LESS how to target the granparent from child element?
body: <p>I'm trying to target a specific popover that a div with class "s-formgroup" and set its background RED as I have multiple popovers. Either my js nor my less do the trick</p>
  
  <p><a href="http://jsfiddle.net/2XmVC/" rel="nofollow">FIDDLE</a></p>
  
  <h1>HTML</h1>
  
  <pre><code>&lt;div class="popover&gt;
    &lt;div class="popover-content"&gt;
      &lt;div class="form-group s-formgroup"&gt;
  
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <h1>CSS LESS</h1>
  
  <pre><code>.popover {
      .popover-content{
             .s-formgroup {
                &amp; &amp;.popover {
                    left: 120px;
                }
              }
       }
  }
  </code></pre>
  
  <h1>JS</h1>
  
  <pre><code> w = $(window).width(); 
   if (w &lt; 320){
      $('.s-formgroup').parents('.popover').css('background-color', 'red');
   }
  </code></pre>
  
  <h1>Code on inspecting popover (press12)</h1>
  
  <pre><code>&lt;div class="popover fade right in" style="top: -41.5px; left: 16px; display: block;"&gt;&lt;div class="arrow"&gt;&lt;/div&gt;&lt;div class="popover-inner"&gt;&lt;h3 class="popover-title"&gt;&lt;/h3&gt;&lt;div class="popover-content"&gt;&lt;p&gt;
                                              &lt;div class="form-group s-formgroup"&gt;
                                              &lt;div class="age-grp1 pull-left"&gt;
                                                  &lt;label for="kid19"&gt;UNDER 19 YEARS&lt;/label&gt;
                                                  &lt;input type="text" class="pull-left numbersOnlyField" maxlength="2" value="" id="kid19"&gt;
                                              &lt;/div&gt;
                                              &lt;div class="age-grp2 pull-right"&gt;
                                                  &lt;label for="kid26"&gt;19-26 YEARS&lt;/label&gt;
                                                  &lt;input type="text" class="pull-left numbersOnlyField" maxlength="2" value="" id="kid26"&gt;
                                              &lt;/div&gt;
                                              &lt;div class="row-fluid"&gt;                                           
                                                  &lt;button class="btn btn-default btn-block btn-lg" id="kids" type="button"&gt;ok&lt;/button&gt;
                                              &lt;/div&gt;
                                          &lt;/div&gt;
                                      &lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
  </code></pre>