jquery - 競合クラス ボタン jQuery Mobile

Question

ajaxを介して複数のボタンをロードするリストがあり、各ボタンにはクラスquickListがあります。

これらのボタンのいずれかをクリックすると、色が変わります。もう一度クリックすると、次のように元の色に戻ります。

$('.quickList').live('click', function(e) { 

    var toggle = $(this).data('press');
    if ( toggle == "true" ) {
        $(this).buttonMarkup({ theme: "b" });
        $(this).data("press","false");
    }
    else {
        $(this).buttonMarkup({ theme: "a" });
        $(this).data("press","true");
    }

});

問題は、複数のボタンがあると競合することです。ボタンをクリックすると色が変わり、別のボタンをクリックすると、最初の色 (開始色) が削除され、最近クリックされたボタンにその色が付けられます。

私が望むのは、ボタンが独立していることですが、この競合が発生しています。どうすれば修正できますか?