JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <input id="q" placeholder="Enter search phrase">
    <button>Search</button>
</form>
<iframe id="charityblossom"></iframe>
<iframe id="othersite"></iframe>
<iframe id="google"></iframe>

CSS

iframe {
    width: 100%;
    height: 200px;
    border: 1px solid black;
}

JavaScript

$("form").on('submit', function (e) {
    e.preventDefault();

    var q = $("#q").val(),
        charityBlossomUrl = 'http://www.charityblossom.org/search/?q=' + q,
        otherUrl = 'http://www.google.com/custom?q=' + q,
        googleUrl = 'http://www.google.com/custom?q=site%3Amanta.com+' +q;

    $("#charityblossom").attr('src', charityBlossomUrl);
    $("#othersite").attr('src', otherUrl);
    $("#google").attr('src', googleUrl);

});