How can I get same effect like enter website console commands, on the inner screen of my object tag?

Question

I want make a integrated search service site.

This is the search algorithm I thought of.

$('body').find('input[type = search]').val('wiki');
$('body').find('input[type = search]').parents('form').submit();

At Wikipedia, enter these two commands into the console of the DevTool.

Then it has the same effect as searching.

HTML

<div>
    <object id="myobj" data="" type="text/html">Not loading</object>
</div>

JS:

<script src="https://code.jquery.com/jquery-3.4.1.js"></script>

$(document).ready(function(){
    $('#myobj').attr('data', 'https://en.wikipedia.org/wiki/')    
    .css({
        width: 400,
        height: 300,
        background: 'gray',
        overflow: scroll
    });
});

I want same effect like this on the inner screen of my object tag by jQuery or any other thing.

Is there a solution that using the above two commands, or any other solution?

Or is that impossible?

I have been wandering over a week about this. Please help me.

And if you can, please go here and answer another questions( Q1, and especially Q2 ).