Enhanced User Interface (chosen.jquery.min.js) appears/loads before jquery?

Hello,

I'm using Enhanced User Interface (chosen.jquery.min.js) in a form. However, when displaying the form all of the options appear under the select box. I've inspected the js files in Chrome and it looks like Chosen script loads before the jquery?

I've switched to eleven twelve and turned off ALL the plugins, and turned on the Gravity Forms and that's what I am getting. Screenshot here

WP: 3.5.1.
GF: 1.6.12

Any ideas?
Thanks, Dasha

Hello Chris,

You're right! Apologies.. I've inspected the page source and the chosen.jquery.min.js script does indeed appear after jquery.

I forgot to mention that I'm using latest jquery and jqueryui libraries. I load them in functions.php as following:

add_action( 'wp_enqueue_scripts', 'dlfrw_enqueue_scripts', 1 );
function dlfrw_enqueue_scripts() {

	// general jquery & other libraries include
	if( !is_admin() ){
		wp_deregister_script('jquery');
		wp_register_script('jquery', '//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js', false, '1.9.1');
		wp_register_script('jqueryui', '//ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js', array('jquery'), '1.10.0');
		wp_enqueue_script('jquery');
		wp_enqueue_script('jqueryui');
	}
}

There doesn't seem to be any JS errors, but it still looks very broken as per perviously provided screen shot.

Any idea how it can be fixed?

Many thanks, Dasha

Hello,

@richardvav thank you for letting me know. I've commended out my code with custom jquery completely. So all the scripts are now coming from WP.

I'm still experiencing the problem that Enhanced User Interface fields still look very broken.

The staging websites is at http://gymtopia.dashaluna.com/add-story
htaccess login details (user/password): adm/adm

I would hugely appreciate any help. I'm really stack and have no idea what I'm doing wrong :( All seems to be working fine in the admin preview of a form, but not on the front end.

Many thanks, Dasha