JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
        <div id="share" class="row article-section">
            <div class="span12">
                <h4>Share</h4>
                <a class="btn btn-large" role="button" data-toggle="modal" href="#share-modal"><i class="icon-envelope"></i> Share This Article</a>

                <div id="share-modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                    <form class="form-horizontal" data-bind="submit: SendArticle" class="modal-form">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                            <h3 id="myModalLabel">Share</h3>
                        </div>
                        <div class="modal-body">
                            <p>Who would you like to send the article to?</p>
                            <br />
                                <div class="control-group">
                                    <label class="control-label">Name</label>
                                    <div class="controls">
                                        <input type="text" placeholder="Name" data-bind="value: SendArticleName" />
                                    </div>
                                </div>

                                <div class="control-group">
                                    <label class="control-label">Email</label>
                                    <div class="controls">
                                        <input type="text" placeholder="Email" data-bind="value: SendArticleEmail" />
                                    </div>
         ...

JavaScript

function ArticleViewModel() {
        var self = this;

        self.SendArticleName = ko.observable('');
        self.SendArticleEmail = ko.observable('');

        self.SendArticle = function() {
            $.ajax('http://example.com', {
                data: ko.toJSON({ name: self.SendArticleName, email: self.SendArticleEmail }),
                type: "post", contentType: "application/json",
                success: function(result) {
                    $('#share-modal').modal('hide');
                }
            });
        };

    }

    var articleViewModel = new ArticleViewModel();

    ko.applyBindings(articleViewModel);