Posting ajax variables on click
<p>I have an anchor link as follows:</p>

<pre><code>&lt;a class="show-next-page" id="10" href="#" name="category" rel="100000"&gt;
</code></pre>

<p>And here is the click handler:</p>

<pre><code>$('.show-next-page').click(function(){
    var prodId = $(this).attr("id");
    var catId = $(this).attr("rel");
    var type = $(this).attr("name");

    $.ajax({
        url: 'admin-catalog/next',
        type: 'POST',
        dataType: 'json',
        data: "catId=" + catId + "&amp;prodId=" + prodId,
        success: ajaxCatProds
    });

    return false;
});
</code></pre>

<p>As you can see, I am attaching lots of data to this anchor link, but I am beginning to run out of "valid" attributes to attach more data to. I am now beginning to think that this may not be the correct way to be doing this.</p>

<p>Can anyone advise an alternative / more elegant method?</p>
