Remove empty <p> tags with jQuery.

remove-empty-p.js

/**
 * Remove empty <p> tags.
 *
 * See: http://stackoverflow.com/questions/27781798/wordpress-retain-formatting-when-calling-extended-content#comment43990361_27782619
 * This seems to be the easiest solution. Remove this function if this ever gets fixed.
 * Credits: http://stackoverflow.com/questions/6092855/how-do-i-remove-empty-p-tags-with-jquery
 */
( function( $ ) {
 
	$( 'p' ).each( function() {
		var $this = $( this );
		if ( $this.html().replace( /\s|&nbsp;/g, '' ).length === 0 ) {
			$this.remove();
		}
	});

})( jQuery );

how can remove if nested tag also empty
example:

thanks

consider this :

<h2>meet 1</h2><p>hi thre sdsd</p><p></p><p>sadjkasl</p>

now how can i remove

this ?????

thank you!