title: JQuery - Get parent of parent by class
body: <p>I have a <code>&lt;textarea&gt;</code> within a <code>&lt;div&gt;</code> which is contained within another <code>&lt;div&gt;</code>.  The <code>&lt;textarea&gt;</code> has an ID which I can reference, however neither of the <code>&lt;div&gt;</code>'s have ID's.  They do however always have a set class.  There can be multiple of these on the same page, only the <code>&lt;textarea&gt;</code> ID is unique:</p>
  
  <pre><code>&lt;div class = "grandparent"&gt;
    &lt;div class = "parent"&gt;
      &lt;textarea id = "id_1"&gt;&lt;/textarea&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class = "grandparent"&gt;
    &lt;div class = "parent"&gt;
      &lt;textarea id = "id_2"&gt;&lt;/textarea&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am not able to change this structure.  Is it possible for me to style the grandparent <code>&lt;div&gt;</code> via JQuery?</p>
  
  <p>Edit: To clarify, I only want to style the grandparent of a particular <code>&lt;textarea&gt;</code></p>