Test

HTML

<body>
    <div class="container">
      <div class="header">
          <h3 class="text-muted"><strong>Tweet This</strong> Generator</h3>
      </div>
      <div class="row">
        <div class="row">
            <div class="col-lg-6">
                <h3 style="float:right;" id="tweet_text_count">140</h3>
            </div>
            <div class="col-lg-6">
                <h4>First Box for Input, Second for Output</h4>
            </div>
        </div>
        <div class="col-lg-6">
            <form action="GET" id="generate_intent">
                <div class="row">
                    <div class="col-lg-3">
                        <label><input type="checkbox" id="add_hyperlink_check"> Add Hyperlink</label>
                    </div>
                    <div class="col-lg-9">
                    <textarea name="tweet" id="#tweet" cols="30" rows="5" class="form-control"></textarea> 
                    <br />
                    <input type="submit" class ="btn btn-lg btn-success" value="Go!" style="float:right" />
                    <a href="#" id="clear_form" class="btn btn-lg btn-primary" style="float:right; margin-right:5px;">empty</a>
                    </div>
                </div>
            </form>
        </div>
        <div class="col-lg-6">
            <textarea id="output" cols="30" rows="5" class="form-control" readonly="readonly"></textarea>
            <br>
            <button>copy</button>
        </div>
      </div>
      <div class="footer">
      </div>
    </div> <!-- /container -->
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://code.jquery.com/jquery-2.1.0.min.js"></script>
    <script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
    <script>
       (function() {
           var tweetForm = document.getElementById('generate_intent');
           var...