Client code for displaying widget

client.js

$("#cheeses").filterable({
    className: "cheese",
    create: function() { $("#register").addClass("ui-widget-header cheese").show(); },
    filtered: function(e, ui) {
        var t = 0;
        ui.visible.each(function() { t = t + parseFloat($(this).data("price")); });
        console.log( t );
        total.text(t.toFixed(2));
    },
    setOption: function(e, ui) {
        ui.option == "className" && $("#register").toggleClass([ui.original, ui.current].join(" "));
    },
    hover: function(e, ui) {
        if (e.originalEvent.type == "mouseenter") {
            price.text(" - " + ui.hovered.data("price") + " per lb").appendTo(ui.hovered);
        } else {
            price.detach();
        }
    }
});
setTimeout(function() { cheeses.filterable("option", "className", "cheesePlease"); },3000);