I have two divs. dvMapContainer works as a full page background and displays a leaflet map, dvEditContainer overlays a div with some controls on top of the map. 

Code is like this:

```
<div id="dvMapContainer" style="height: 93%; width: 100%;position: absolute; top: 0; left: 0;"></div>

<div class="container" id="dvEditContainer">
    <div class="container-header">Update Inventory</div>
<div class="col-sm-4">

    <div class="form-group">
        <label for="plateNumber" class="col-sm-5 control-label">Plate #:</label>
        <div class="col-sm-7">
            <input type="text"
                   data-ng-model="bb.plateNumber"
                   name="plateNumber"
                   id="plateNumber"
                   class="form-control"/>
        </div>
    </div> 
 </div> 

```

What I want to happen is when a user clicks on the label "Plate #" it will hide the entire dvEditContainer, but show the label as it was. When the user clicks on the label again, the dvEditContainer will be visible again. 

My jquery code looks like this:

```
$(document).ready(function () {
            $('label').click(function (e) {
                var target = $(e.target);
                console.log(target);
                $('#dvEditContainer').hide();
                $(target).show();
            });
        });

```

This however hides dvEditContainer as expected but doesnt display the label either.

Any ideas or hints would be much appreciated. 

[jsfiddle](http://jsfiddle.net/Pe5xU/136/) of the non working code.