title: Add inline CSS via jQuery
body: <p>I don't know jQuery very well so I don't know how to add CSS inline.
  This is my code:</p>
  
  <pre><code>&lt;div class="gm-style-iw" style="top: 9px; position: absolute; left: 15px; width: 23px;"&gt;
   &lt;div style="display: inline-block; overflow: hidden; max-height: 330px; max-width: 176px;"&gt;
    &lt;div style="overflow: auto"&gt;
     &lt;div id="iw-container"&gt;
     &lt;/div&gt;
    &lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to change the <code>max-width</code> of second div and add <code>overflow: none</code> to the div above <code>#iw-container</code>.</p>
  
  <p>I tried this but it did not work:</p>
  
  <pre><code>var iwOuter = $('.gm-style-iw');
  iwOuter.children().css({max-width:'250px !important'});
  iwOuter.children().children().css({overflow:'none'});
  </code></pre>
  
  <p><strong>EDIT</strong> i want to customize infowindow Google and for me is important to change the value of max-width and overflow.... i think that your code maybe are good, but i don't understand why doesn't work...</p>