Selecting default tab no longer works?

I am trying to select the default tab. http://support.semicolonweb.com/forums/topic/selecting-specific-tab-on-page-load/ doesn't seem to work:

      <ul class="tab-nav clearfix">
        <li><a href="#tab-1">Tab 1</a></li>
        <li><a href="#tab-2">Tab 2</a></li>
        <li><a href="#tab-3">Tab 3</a></li>
      </ul>
      <div class="tab-container">
        <div class="tab-content clearfix" id="tab-1">
          Tab Content 1
        </div>
        <div class="tab-content clearfix" id="tab-2">
          Tab Content 2
        </div>
        <div class="tab-content clearfix" id="tab-3">
          Tab Content 3
        </div>
      </div>
    </div>```

It always selects the last tab. However, I've noticed in your documentation that the first is always selected while mine the last gets selected. http://themes.semicolonweb.com/html/canvas/tabs.html.

not sure if there is a way to do this...