title: Change css JQuery doesn't work
body: <p>i'm trying to change css of class in my HTML.
  I'm struggling with that already a long time, and I'm not getting what i'm doing wrong. (I've tried already many versions, but nothing happends)</p>
  
  <p>For example: I would like to change the row height on this following html:</p>
  
  <p>game.html</p>
  
  <pre><code>&lt;div class="game"&gt;
  &lt;ul class="each" data-bind="foreach: {data: rows, as: 'row'}"&gt;
      &lt;li class = "li"&gt;
          &lt;ul class="row" data-bind="foreach: {data: row.beads, as: 'bead'}"&gt;
              &lt;li class="bead" data-bind="
              currentSide: left,
              drag: bead.drag.bind(bead),
              &gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p></p>
  
  <p>app.css</p>
  
  <pre><code>.row {position: relative;
  max-width: 3000px;}
  </code></pre>
  
  <p>game.html</p>
  
  <pre><code>$( document ).ready(function() {
      var windowHeight = $( window ).height();
      var rowHeight = windowHeight/5;
      $('.row').css('max-width', rowHeight);
  });
  </code></pre>