JSFiddle - React, Tailwind, and code Playground

HTML

<form action="/echo/json" method="get" id="form">
    <input type="text" name="search" id="search" />
</form>

JavaScript

$(function () {
    var $form = $('#form'),
        $input = $('#search'),
        $wrapper = $('<div />');
    
    // Wrap.
    $input.wrap($wrapper);
    
    // $wrapper has no parent (empty array).
    console.log($wrapper.parent());
    
    // Now let's wrap using a different method.
    $input.unwrap();
    
    $input.appendTo($wrapper);
    $wrapper.appendTo($form);
    
    // $wrapper's parent correctly set to the form.
    console.log($wrapper.parent());
});