Close Hide DIV when Clicking outside in jQuery

<div id="div1" style="display: none;">
    <input id="txtKeyword" name="keyword" type="text" />
    <input id="txtCategory" name="search" type="text" />
</div>
<input id="btnGo" type="button" name="button" value="Go" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
    $(function () {
        $("[id*=btnGo]").click(function (e) {
            $("[id*=div1]").attr('style', 'display:block');
        });

        $(document).click(function (e) {
            if (!$(e.target).is('[id*=btnGo]')) {
                $("[id*=div1]").attr('style', 'display:none');
            }
        });
    });
</script>