<script type="text/javascript">
    jQuery(document).ready(function($) {
      jQuery('form#theme-options-form').submit(function() {
          var data = jQuery(this).serialize();
          jQuery.post(ajaxurl, data, function(response) {
          //alert(response);
              if(response == 1) {
                  show_message(1);
                  t = setTimeout('fade_message()', 2000);
              } else {
                  show_message(2);
                  t = setTimeout('fade_message()', 2000);
              }
          });
          return false;
      });
    });

    function show_message(n) {
        if(n == 1) {
            jQuery('#saved').html('<div id="message" class="updated fade"><p><strong><?php _e('Options saved.'); ?></strong></p></div>').show();
        } else {
            jQuery('#saved').html('<div id="message" class="error fade"><p><strong><?php _e('Options could not be saved.'); ?></strong></p></div>').show();
        }
    }
    function fade_message() {
        jQuery('#saved').fadeOut(1000);
        clearTimeout(t);
    }
    </script>



        <form name="theme-options-form" action="/" id="theme-options-form" method="post">
            <ul class="tabs border-box">
                <li><a href="#" ><h3>Global</h3></a></li>
                <li><a href="#" ><h3>Header</h3></a></li>
                <li><a href="#" ><h3>Footer</h3></a></li>
            </ul>
            <div class="panes">
            <input name="Submit" type="submit" class="button-primary" value="Save Changes" />
            <?php settings_fields('theme_options'); ?>
            <?php do_settings_sections('__FILE__'); ?>
            <input type="hidden" name="action" value="theme_data_save" />
            <input type="hidden" name="security" value="<?php echo wp_create_nonce('theme-data'); ?>" />
            <input name="Submit" type="submit" class="button-primary" value="Save Changes" />
            </div>
            <script type="text/javascript">
                // Create tabs for each options section //
                $(function() { $("ul.tabs").jtTabs("div.panes > div", { initialIndex: 0, effect: 'fade' }); });

            </script>
        </form>



add_action('wp_ajax_theme_data_save', 'theme_save_ajax');

function theme_save_ajax() {
    check_ajax_referer('theme-data', 'security');
    $data = $_POST;
    unset($data['security'], $data['action']);
    /*
    if(!is_array(get_option('theme_options'))) {
        $options = array();
    } else {
        $options = get_option('theme_options');
    }
    //$diff = array_diff($options, $data);
    if(!empty($data)) {
        $diff = array_diff($options, $data);
        $diff2 = array_diff($data, $options);
        $diff = array_merge($diff, $diff2);
    } else {
        $diff = array();
    }

    if(!empty($diff)) { */
        if(update_option('theme_options', $data)) {
            die('1');
        } else {
            die('0');
        } /*
    } else {
        die('1');
    } */
}