How to Set Active Tab in jQuery Ui

Question

Can you please let me know how I can set the active tab in jquery ui with a button click out of the tabs?

I have a button like:

Answer 1

You can use this:

$(document).ready(function() {
    $("#tabs").tabs();
    $('#action').click(function() {
        var selected = $("#tabs").tabs("option", "selected");
        $("#tabs").tabs("option", "selected", selected + 1);
    });
});

Also consider changing the input type as button instead of submit unless you want to submit the page.