<script language="JavaScript">
<!--
function _AN_global_var_init(){
	_AN_this_url = "/prx/000/";
	_AN_base_scheme = "https";
	_AN_base_host = "https://patch-diff.githubusercontent.com";
	_AN_base_path = "https://patch-diff.githubusercontent.com/raw/jquery/jquery-ui/pull/";
	_AN_encode_urls = 0;
	_AN_mpo = 1;
	_AN_md = 0;
	_AN_rel_urls = 0;
	_AN_nav_switch = 0;
	_AN_nav_allowurl = 1;
	_AN_nav_override = 0;
	_AN_has_iframe = 0;
	_AN_dbg_flags = null;
	_AN_nav_use_aaa = 1;
	_AN_expires_pass = 0;
	_AN_wrap_evthandlers = 0;
	_AN_rewrite_param_exact = 0;
	_AN_obj_params = {};
} 
_AN_global_var_init();
//-->
</script>
<script language="JavaScript" src="/prx/001/http/localh/an_util.js"></script>
<script language="JavaScript" src="/prx/001/http/localh/NSLib.js"></script>

diff --git a/tests/unit/resizable/resizable_core.js b/tests/unit/resizable/resizable_core.js
index b02e8b4f183..f0b5cea20e1 100644
--- a/tests/unit/resizable/resizable_core.js
+++ b/tests/unit/resizable/resizable_core.js
@@ -206,4 +206,37 @@ test( "resizable stores correct size when using helper and grid (#9547)", functi
 	equal( target.height(), 100, "compare height" );
 });
 
+test( "nested resizable", function() {
+	expect( 4 );
+	
+	var outer = $( "<div id="outer" style="width:50px"></div>" ),
+		inner = $( "<div id="inner" style="width:30px"></div>" ),
+		target = $( "#resizable1" ),
+		innerHandle,
+		outerHandle;
+
+	outer.appendTo( target );
+	inner.appendTo( outer );
+
+	inner.resizable( { handles : "e" } );
+	outer.resizable( { handles : "e" } );
+	target.resizable( { handles : "e" } );
+
+	innerHandle = $( "#inner > .ui-resizable-e" );
+	outerHandle = $( "#outer > .ui-resizable-e" );
+	
+	TestHelpers.resizable.drag( innerHandle, 10 );
+	equal( inner.width(), 40, "compare width of inner element" );
+	TestHelpers.resizable.drag( innerHandle, -10 );
+	equal( inner.width(), 30, "compare width of inner element" );
+
+	TestHelpers.resizable.drag( outerHandle, 10 );
+	equal( outer.width(), 60, "compare width of outer element" );
+	TestHelpers.resizable.drag( outerHandle, -10 );
+	equal( outer.width(), 50, "compare width of outer element" );
+
+	inner.remove();
+	outer.remove();
+});
+
 })(jQuery);
diff --git a/ui/jquery.ui.resizable.js b/ui/jquery.ui.resizable.js
index 040f029f968..dc14a53a672 100644
--- a/ui/jquery.ui.resizable.js
+++ b/ui/jquery.ui.resizable.js
@@ -169,7 +169,7 @@ $.widget("ui.resizable", $.ui.mouse, {
 			for(i in this.handles) {
 
 				if(this.handles[i].constructor === String) {
-					this.handles[i] = $(this.handles[i], this.element).show();
+					this.handles[i] = this.element.children( this.handles[ i ] ).first().show();
 				}
 
 				//Apply pad to wrapper element, needed to fix axis position (textarea, inputs, scrolls)
