How to get all the input elements data of a current div : This is m HTML code:

    <div data-repeater-item class="mt-repeater-item prescribeData">
            <div class="mt-repeater-cell">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <div class="input-group">
                                <span class="input-group-addon input-circle-left capsule-lightblue">
                                    <i class="fa fa-stethoscope blue-icon-font"></i>
                                </span>
                                <input type="text" id="prescribe_test" class="form-control typeahead-prescribetest input-circle-right" placeholder="Prescribe Test">
                            </div>
                            <span class="help-block">Name of Investigation</span>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <div class="input-group">
                                <span class="input-group-addon input-circle-left capsule-lightblue">
                                    <i class="fa fa-stethoscope blue-icon-font"></i>
                                </span>
                                <input type="text" id="diagnosis_input" class="form-control typeahead-diagnosis input-circle-right" placeholder="Duration of Investigation (Optional)">
                            </div>
                            <span class="help-block">e.g. Once, Weekly, Monthly</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

I want to get all the input elements data in a variable using a JQuery code:

I am currently using this code:

$(this).closest($(".prescribeData :input"));

But this code doesn't display the data that the elements are holding after inputting in it.

Please, can anyone help me with this logic?