var name = $('#name').val();

<div class="tab-pane fade show active clearfix" id="step1" role="tabpanel" aria-labelledby="home-tab">
    <h6>User Info</h6>
    <form method="post" action="">
         {{csrf_field()}}
        <div class="form-group font-size-sm">
            <label for="name" class="text-gray">Name</label>
            <input type="text" required class="form-control"  value="{{ (Auth::check()) ? Auth::user()->name : old('name')}}">
        </div>
        <!-- other form fields -->
        <input type="submit" id="goToStep2" href="#step2"
                class="btn btn-primary btn float-right next-step" value="Go to step 2"/>
    </form>
</div>

$("a[id='goToStep2']").on('click', function(){
     $.ajax({
        url: '{{ route('products.storeUerInfo',null) }}/' + category_id,
        type: 'POST',
         success:function(result){
         ),
        error: function(error) {
            console.log(error.status)
        }
    });
});