JSFiddle - React, Tailwind, and code Playground

by rostovtsev

HTML

<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap.js"></script>
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div data-toggle="modal" href="#comment-form-modal" data-id="asdf"  href="#" feedback="{{ feedback.id }}" class="comments no">Click here 1</div>

<div data-toggle="modal" href="#comment-form-modal" data-id="asdf"  href="#" feedback="{{ feedback.id }}" class="comments no">Click here 2</div>

<div id="comment-form-modal" class="modal hide fade" style="display: none; ">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal">Ă—</button>
    <h3>Comment on feedback</h3>
  </div>
  <!-- model window -->
  <div class="modal-body">
    <form id="comment_form" method="post">
      <p class="validateTips"></p>
        <input type="text" name="test"/>
        <input type="hidden" name="test"/>
        <input type="hidden" name="perform_logout">
      
  </form>
  </div>
  <!-- model window -->
  <div class="modal-footer">
    <a href="#" class="btn btn-primary" id="comment-form-submit">Submit</a>
    <a href="#" class="btn" data-dismiss="modal">Cancel</a>

    
  </div>
</div>

JavaScript

$(document).ready(function() {
    $('#comment-form-submit').click(function() {
        $('#comment_form').submit();
        alert('Handler for .submit() called.');
        return false;
    });
});