JQuery - Llenar Input mediante Select

<div class="form-group">

    {{ Form::label('Categoría') }}

    <select class="selectpicker form-control" name="Categoria_id" data-live-search="true">

        <option value="">--- Selecciona una Categoría ---</option>

        {{-- Creo un bucle en el que meto los valores que he metido en la variable categorias --}}

        @foreach($categorias as $categoria)

            <option value="

                {{ $categoria->id }}">

                {{ $categoria->Descripcion }}

            </option>

        @endforeach

    </select>

</div>

<script>

  $(document).ready(function() {

      //Me creo una funcion para al cambiar el select me llene un campo de texto con ese valor

        $(".selectpicker").on("change", function(){

	        $('#id').val($(".selectpicker option:selected").text());

	        // alert("hola");

    	});

  });

</script>

<script src="http://code.jquery.com/jquery-latest.js"></script>

<input type="text" id="id">

<select class="selectpicker">

    <option id="1">opcion 1</option>

    <option id="2">opcion 2</option>

</select>

<script>

$(".selectpicker").on("change", function(){

    $('#id').val($(".selectpicker option:selected").text());

});

</script>