title: Add class to odd and even table class to float them left and right
body: <p>Looked at some answers for this question but i have tried a few and cant get it working.</p>
  
  <p>How would i add a class to each to separate odd and even tables , i tried this but cant get it working</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function () {
  $('.leaguehistorymodule:odd').addClass("column-left");
  $('.leaguehistorymodule:even').addClass("column-right");
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>Here is the current HTML</p>
  
  <pre><code>&lt;div id="mfl-singlegame"&gt;
      &lt;div id="HPG" class="leaguehistorymodule"&gt;&lt;/div&gt;
      &lt;div id="LPG" class="leaguehistorymodule"&gt;&lt;/div&gt;
      &lt;div id="LPIW" class="leaguehistorymodule"&gt;&lt;/div&gt;
      &lt;div id="HPIL" class="leaguehistorymodule"&gt;&lt;/div&gt;
      &lt;div id="HCOMB" class="leaguehistorymodule"&gt;&lt;/div&gt;
      &lt;div id="LCOMB" class="leaguehistorymodule"&gt;&lt;/div&gt;
      &lt;div id="WINMARGIN" class="leaguehistorymodule"&gt;&lt;/div&gt;
      &lt;div id="LOWMARGIN" class="leaguehistorymodule"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want the HTML to be this after script runs</p>
  
  <pre><code>&lt;div id="mfl-singlegame"&gt;
      &lt;div id="HPG" class="leaguehistorymodule column-left"&gt;&lt;/div&gt;
      &lt;div id="LPG" class="leaguehistorymodule column-right"&gt;&lt;/div&gt;
      &lt;div id="LPIW" class="leaguehistorymodule column-left"&gt;&lt;/div&gt;
      &lt;div id="HPIL" class="leaguehistorymodule column-right"&gt;&lt;/div&gt;
      &lt;div id="HCOMB" class="leaguehistorymodule column-left"&gt;&lt;/div&gt;
      &lt;div id="LCOMB" class="leaguehistorymodule column-right"&gt;&lt;/div&gt;
      &lt;div id="WINMARGIN" class="leaguehistorymodule column-left"&gt;&lt;/div&gt;
      &lt;div id="LOWMARGIN" class="leaguehistorymodule column-right"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>