// Date picker ui  code
<script>
$(".calender_box").datepicker({
                buttonImage: '<?php echo $this->webroot .  "img/calendar.gif";?>',
                buttonImageOnly: true,
                changeMonth: true,
                changeYear: true,
                showOn: 'both',
                dateFormat: "dd-mm-yy",
                minDate: $.datepicker.formatDate('dd-mm-yy', new Date()),
                onSelect: function( selectedDate ) {
                    $.ajax({
                        url: BASE_URL + "incident_notes/getintervel/",
                        async:false,
                        data: {selectedDate:selectedDate},
                        type:"POST",
                    }).done(function(data) {
                        alert($(this).closest("input[type='hidden']").val());
                    });
                },
                onClose: function(selectedDate){

                }
             });

<script>
<!-- HTML code for a single row and I need to get the value of .inc_id from the same row -->
<div style="float:left;width:120px;float:left;" id="div_inc_175" class="dddiv">
                <input name="data[IncidentNote_id]" id="IncidentNote_id_175" value="175" class="inc_id" type="hidden">
    <span class="span_calender_box">
                <input style="" id="dp_175" name="dp_175" class="calender_box hasDatepicker" value="29-11-2013" type="hidden"><img title="..." alt="..." src="/estate/img/calendar.gif" class="ui-datepicker-trigger">
                </span>
              </div>