Datepicker remains in a fixed place on page

by Sachin Patel

HTML

<link rel="stylesheet" href="http://www.mnet.co.il/MaintMngment\Style\bootstrap-datepicker.css">
<script src="http://www.mnet.co.il/MaintMngment\Scripts\bootstrap-datepicker.js"></script>
    <div style="height:400px; overflow:scroll;  position:relative;">
    <input id="input_date" class="calendar" />
      <table border="0" cellpadding="0" cellspacing="0">
            <tr>
                <td style="height:800px; width:200px;">Hi!!!
                </td>
            </tr>
        </table>
    </div>

CSS

#container {
    position:relative;
}

JavaScript

$(document).ready(function () {

    $(".calendar").datepicker({
        format: "dd/mm/yyyy",
        todayBtn: "linked",
        autoclose: true,
        forceParse: false,
        todayHighlight: true,
    beforeShow: function(input, obj) {
        $(input).after($(input).datepicker({ format: "dd/mm/yyyy",
        todayBtn: "linked",
        autoclose: true,
        forceParse: false,
        todayHighlight: true}))
    }
    });
});