get mouse click if inside a div or not

Use this Code :

$("body > div").click(function() {
    if ($(this).attr("id") == "in_or_out") {
        // inside
    } else {
        // not inside
    }
});
$("body > div").click(function() {
    if ($(this).attr("id") == "in_or_out") {
        // inside
    } else {
        // not inside
    }
});

1. <code>
2. $("body > div").click(function() {
3. if ($(this).attr("id") == "in_or_out") {
4. // inside
5. } else {
6. // not inside
7. }
8. });
9. </code>

<code>
$("body > div").click(function() {
    if ($(this).attr("id") == "in_or_out") {
        // inside
    } else {
        // not inside
    }
});
</code>

OR

$(document).mouseup(function (e)
{
    var container = $("YOUR CONTAINER SELECTOR");

    if (container.has(e.target).length === 0)
    {
        container.hide();
    }
});
$(document).mouseup(function (e)
{
    var container = $("YOUR CONTAINER SELECTOR");

    if (container.has(e.target).length === 0)
    {
        container.hide();
    }
});

1. <code>
2. $(document).mouseup(function (e)
3. {
4. var container = $("YOUR CONTAINER SELECTOR");
6. if (container.has(e.target).length === 0)
7. {
8. container.hide();
9. }
10. });
11. </code>

<code>
$(document).mouseup(function (e)
{
    var container = $("YOUR CONTAINER SELECTOR");

    if (container.has(e.target).length === 0)
    {
        container.hide();
    }
});
</code>