AJAX open error
<p>getting this error, not sure why... thanks :)</p>

<blockquote>
  <p>uncaught <strong>InvalidStateError</strong>: Failed to execute 'send' on '<strong>XMLHttpRequest</strong>': The object's state must be OPENED.</p>
</blockquote>

<pre><code>$(document).ready(function(){
    var request = new XMLHttpRequest();

    request.onreadystatechange = function(){
        if(request.readyState === 4) {
                            console.log("4 request");
            if(request.status === 200) {
                $(".container").innerHTML = request.responseText;
                console.log("200 request");
            }
        }
    };

    request.open('GET', 'bio.txt', true);

    $("#send-btn").on("click", function(){
        request.send();
    });
});
</code></pre>