Bom dia, estou com um input type=text e gostaria de passar o valor deste campo para outro campo hidden para poder fazer um filtro, porém não estou conseguindo passar o valor para o outro campo, se alguém puder ajudar, ficaria grato...

<div class="form-group col-md-2" id="dataInicial">
                        <label for="dataInicio">Data Início:</label><input
                            type="text" name="dataInicio" class="form-control"
                            id="dataInicio" placeholder="De:">
                    </div>
                    <div class="form-group col-md-2" id="dataFinal">
                        <label for="dataFim">Data final:</label> <input
                        type="text" name="dataFim" class="form-control"
                        id="dataFim" placeholder="Até:">
                    </div>
                    <div class="form-group col-xs-6 col-md-2" >
                        <label for="dataDeInicio"> Resultado data</label> <input type="text"
                            class="form-control" id="dataDeInicio" value="" name="dataDeInicio">

JavaScript

var data = $("#dataInicio");
$("#dataDeInicio").val(data);