Close Jquery UI dialog

Click anywhere outside the dialog on the overlay to close the dialog.

HTML

<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<button class='label'>Click</button><div class='dialog'><p><table class="tablesorter"><thead><tr><td>Ingredient</td><td>Amount Per Serving</td><td>% Daily Value</td></tr></thead><tbody><tr><td>Vitamin A (as Alpha and Beta-Carotene)</td><td>10000 IU</td><td>200%</td></tr><tr><td>Vitamin C (as ascorbic acid)</td><td>350 mg</td><td>580%</td></tr><tr><td>Vitamin D (as Cholecalciferol)</td><td>400 IU</td><td>100%</td></tr><tr><td>Vitamin E (as D-Alpha, D-Beta, D-Gamma, D-Delta Tocopherols and Tocotrienols)</td><td>200 IU</td><td>670%</td></tr><tr><td>Vitamin K (as Phytonadione)</td><td>120 mcg</td><td>100%</td></tr><tr><td>Thiamin (as Thiamin HCl)</td><td>30 mg</td><td>2000%</td></tr><tr><td>Riboflavin</td><td>30 mg</td><td>1765%</td></tr><tr><td>Niacin (as Inositol Hexanicotinate)</td><td>50 mg</td><td>250%</td></tr><tr><td>Vitamin B6 (as Pyridoxine)</td><td>30 mg</td><td>1500%</td></tr><tr><td>Folic Acid</td><td>800 mcg</td><td>200%</td></tr><tr><td>Vitamin B12 (as Methylcobalamin)</td><td>250 mcg</td><td>4170%</td></tr><tr><td>Biotin</td><td>300 mcg</td><td>100%</td></tr><tr><td>Pantothenic Acid (as Calcium Pantothenate)</td><td>100 mg</td><td>1000%</td></tr><tr><td>Calcium (as Calcium Citrate, Calcium D-Glucarate, Dicalcium Phosphate)</td><td>250 mg</td><td>25%</td></tr><tr><td>Phosphorus (as Di-Calcium Phosphate)</td><td>60 mg</td><td>5%</td></tr><tr><td>Iodine (as Potassium Iodine)</td><td>255 mcg</td><td>150%</td></tr><tr><td>Magnesium (as Magnesium Chelate)</td><td>100 mg</td><td>25%</td></tr><tr><td>Zinc (as Zinc Citrate)</td><td>30 mg</td><td>200%</td></tr><tr><td>Selenium (as Selenium Chelate)</td><td>200 mcg</td><td>290%</td></tr><tr><td>Copper (as Copper Chelate)</td><td>500 mcg</td><td>25%</td></tr><tr><td>Manganese (as Manganese Chelate)</td><td>3 mg</td><td>150%</td></tr><tr><td>Chromium (as Chromium Chelate)</td><td>25 mcg</td><td>21%</td></tr><tr><td>Molybdenum (as Molybdenum...

CSS

/*! jQuery UI - v1.10.4 - 2014-05-24
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande%2CLucida%20Sans%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=gloss_wave&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=inset_hard&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=glass&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=inset_hard&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=flat&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style:...

JavaScript

$(document).ready(function(){

$('.label').each(function() {


var dialogopen = $(this).next(".dialog"); 
 dialogopen.dialog({autoOpen: false,modal: true,
            open: function(){
            jQuery('.ui-widget-overlay').bind('click',function(){
                dialogopen.dialog('close');
            })
        }

 });    
  $(this).click(function(){
        dialogopen.dialog('open');
         return false;
            }
        );
 });
});