ASP.NET Core MVC का उपयोग करके सबमिट करने के बाद टेक्स्टबॉक्स पर वापस ध्यान दें

मैं अपनी परियोजना में एक गतिशील खोज फ़ंक्शन पेश करने का प्रयास कर रहा हूं। मैंने अपने विचार में एक खोज फ़ॉर्म बनाया है जो keyup पर सबमिट करता है, लेकिन मुझे जिस समस्या का सामना नहीं करना पड़ रहा है वह यह है कि जब दृश्य पुनः लोड होता है, तो टेक्स्ट बॉक्स अब फ़ोकस में नहीं होता है और इसलिए उपयोगकर्ता को वापस क्लिक करने की आवश्यकता होती है यह जो स्पष्ट रूप से आदर्श नहीं है।

मेरा विचार निम्नानुसार स्थापित किया गया है:

<form id="searchForm" asp-action="Index" method="get">

    <div class="row">
        <div class="col-9">
            <input type="text" id="fooSearch" name="searchString" value="@ViewData["currentFilter"]" class="form-control" />
        </div>
        <div class="col-3">
            <div class="row">
                <div class="col-6">
                    <input type="submit" value="Search" class="btn btn-outline-secondary form-control" />
                </div>
                <div class="col-6">
                    <a asp-action="Index" asp-route-recent="true" class="btn btn-outline-secondary form-control">Recent</a>
                </div>
            </div>
        </div>
    </div>
</form>

keyup पर सबमिट करने के लिए निम्नलिखित JQuery स्क्रिप्ट के साथ

        $(function () {
            $('#fooSearch').keyup(function () {
                $('#searchForm').submit();
            });
        });
    </script>

क्या कोई मुझे डीओएम लोड होने पर खोज टेक्स्टबॉक्स पर फोकस बनाए रखने में मदद कर सकता है?