Find Area Leaflet

HTML

<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.css">
<script src="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.js"></script>
<div id="map"></div>
<div id='hi'>Latitude : &nbsp;&nbsp;
    <input type="text" id="lat" value="" />
    <br>Longitude :
    <input type="text" id="lan" value="" />
    </br>
    <input type="button" id="posbutton" value="Submit" />
</div>

CSS

#map {
    height: 180px;
}
#hi {
    position:fixed;
}

JavaScript

var map = new L.map('map').setView([10.8793, 76.3148], 13);
// add an OpenStreetMap tile layer
L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors',
    zoomControl: false
}).addTo(map);

map.on('contextmenu', function (e) {
 var map2 = L.marker(e.latlng).addTo(map);
    //this.addControl(map2);
});
// add a marker in the given location, attach some popup content to it and open the popup
var map1 = L.marker([10.8793, 76.3148], {
    draggable: true
}).addTo(map).on({
    mouseover: function (e) {

        this.bindPopup("You are here " + this.getLatLng()).openPopup();

    },
    mouseout: function () {
        this.closePopup();
    },
    dragend: function (e) {

        L.DomUtil.removeClass(map, 'hi')
        alert(this.getLatLng());
    }
});
var MyControl = L.Control.extend({
    initialize: function (foo, options) {
        // ...
        L.Util.setOptions(this, options);
    },
    // ...
});
L.DomEvent.addListener(map, 'click', function (e) {
    var a = L.DomUtil.get('map');
    var helpContent = L.DomUtil.create('div', 'clearfix', a);
    helpContent.id = 'leaflet-control-help-display';
    helpContent.innerHTML = "this is a test";
    var fx = new L.PosAnimation();
    fx.run(helpContent, [300, 500], 3.5);
});
var b = L.DomUtil.get('posbutton');
L.DomEvent.addListener(b, 'click', function (e) {
    var text1 = L.DomUtil.get('lat');
    var text2 = L.DomUtil.get('lan');
    var val1 = parseFloat(text1.value);
    var val2 = parseFloat(text2.value);

    map.panTo([val1, val2], {
        animate: true,
        duration: 2,
        easeLinearity: 0.25,
    });
    map1.setLatLng([val1, val2]);
    map1.setView([val1, val2]);

});