Just make some some changes on your form, mostly adding some classes. your form will be a ajax form.

turn-any-form-into-ajax.html

<script>
  $(function () {
    initAjaxFormPosts();
});

function initAjaxFormPosts() {
    if ($("form .form-actions.ajax-form").length > 0) {
        $("form .form-actions.ajax-form").each(function () {
            var $form = $(this).closest("form");
            $form.find(".form-actions.ajax-form .btn.submit").bind('click', function () {
                var btn = $(this);
                btn.button('loading');
                postData($form.attr('action'), $form.serialize(), function () {
                    btn.button('reset');
                    var container = $form.find(".form-actions");
                    $(container).append('<span class="label label-success save-toast">Saved!</span>');
                    $(container).find("span.label-success").delay(2000).fadeOut('slow', function () {
                        $(this).remove();
                    });
                });
                return false;
            });
        });
    }
}
/* Generic POST function*/
function postData(url, model, callback) {
    $.ajax({
        url: url,
        type: "POST",
        data: model,
        success: function (data) {
            callback(data);
        },
        error: function (error) {
            return false;
        }
    });
}
</script>
<div class="container-fluid">
    <div class="row-fluid">
        <div class="span6">
            <div class="well well-white">
                <form action="#" method="post">
                    <fieldset class="center">
                        <legend>Form 1</legend>
                        <div class="editor-label">
                            <label>First Name</label>
                        </div>
                        <div class="editor-field">
                            <input type="text" id="tb_fname" />
                        </div>
                        <div class="editor-label">
                            <label>Last Name</label>
                        </div>
                        <div class="editor-field">
                            <input type="text" id="tb_lname" />
                        </div>
                        <div class="editor-label">
                            <label>Bio</label>
                        </div>
                        <div class="editor-field">
                            <input type="text" id="tb_bio" />
                        </div>
                        <div class="control-group">
                            <div class="controls">
                                <label class="checkbox">
                                    <input type="checkbox" id="cbApprove" />Approved</label>
                            </div>
                        </div>
                        <div class="form-actions relative ajax-form">
                            <div class="row-fluid">
                                <div class="span12">
                                    <div class="btn-toolbar pull-right"> <a href="#" class="btn">Cancel</a>

                                        <button type="submit" class="btn btn-primary submit right5"
                                        data-loading-text="Saving...">Save</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </fieldset>
                </form>
            </div>
        </div>
        <div class="span6">
            <div class="well well-white">
                <form action="#2" method="post">
                    <fieldset class="center">
                        <legend>Form 2</legend>
                        <div class="editor-label">
                            <label>Email Address</label>
                        </div>
                        <div class="editor-field">
                            <input type="text" id="tb_email" />
                        </div>
                        <div class="editor-label">
                            <label>City</label>
                        </div>
                        <div class="editor-field">
                            <input type="text" id="tb_city" />
                        </div>
                        <div class="editor-label">
                            <label>State</label>
                        </div>
                        <div class="editor-field">
                            <input type="text" id="tb_state" />
                        </div>
                        <div class="form-actions relative ajax-form">
                            <div class="row-fluid">
                                <div class="span12">
                                    <div class="btn-toolbar pull-right"> <a href="#" class="btn">Cancel</a>

                                        <button type="submit" class="btn btn-primary submit right5"
                                        data-loading-text="Saving...">Save</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </fieldset>
                </form>
            </div>
        </div>
    </div>
</div>
<style>
  *, .btn:focus {
    outline:none;
}
.save-toast {
    top:5px;
    right:5px;
    position:absolute;
}
.right5 {
    margin-right: 5px;
}
.relative {
    position:relative;
}
</style>
<!-- source: http://jsfiddle.net/C7BLt/1/?utm_source=website&utm_medium=embed&utm_campaign=C7BLt -->