JS object toying

Getting row/cell combo, save in an object and iterate over values converting to <dl>.

by spliter

HTML

<table id="prices" class="plans-table grid_12 alpha omega">
    <caption class="visuallyhidden">Price options</caption>
    <thead>
        <tr>
            <td class="feature" rowspan="2">&nbsp;</td>
            <th scope="col" data-subscription-rel="plan-1"><span class="inner">Kontor</span></th>
            <th scope="col" data-subscription-rel="plan-2"><span class="inner">Bedrift i vekst</span></th>
            <th scope="col" data-subscription-rel="plan-3"><span class="inner">Større organisasjon</span></th>
        </tr>
        <tr>
            <td class="signup no-border" data-subscription-rel="plan-1">
                <a href="/subscribe/new?plan=3" class="sign-up">Sign up</a>
            </td>
            <td class="signup no-border" data-subscription-rel="plan-2">
                <a href="/subscribe/new?plan=2" class="sign-up">Sign up</a>
            </td>
            <td class="signup no-border" data-subscription-rel="plan-3">
                <a href="/subscribe/new?plan=2" class="sign-up">Sign up</a>
            </td>
        </tr>
    </thead>
    
    <tbody>
        <tr>
            <th scope="row"><span class="inner">Brukere</span></th>
            <td data-subscription-rel="plan-1"><span class="inner">1-20</span></td>
            <td data-subscription-rel="plan-2"><span class="inner">10-50</span></td>
            <td data-subscription-rel="plan-3"><span class="inner">40-200</span></td>
        </tr>
        <tr>
            <th scope="row"><span class="inner">Inkludert lagring</span></th>
            <td data-subscription-rel="plan-1"><span class="inner">1GB</span></td>
            <td data-subscription-rel="plan-2"><span class="inner">5GB</span></td>
            <td data-subscription-rel="plan-3"><span class="inner">15GB</span></td>
        </tr>
        <tr>
            <td class="no-border">&nbsp;</td>
            <td class="no-border price" data-subscription-rel="plan-1"><span class="inner">2700,- <span class="normal">per...

CSS

dl {font-size: 1.5em}
dt {font-weight: bold}
dd {margin-left: 1em}

JavaScript

data = {};
$.each($('table#prices tbody th'), function() {
    $(this).text();
    data[$(this).text()] = 'done';
});
var t = $('body').append('<dl />');
$.each(data, function(key) {
    $('body dl').append("<dt>" + key + "</dt><dd>" + this + "</dd>");
});