JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
<div class="submit"><i class="fa fa-plus" title="New Post" id="test" ></i>
		</div>

CSS

.fa-plus {
	cursor: pointer;
	font-size: 24px;
	color: #6699FF;
}

JavaScript

$(".fa-plus").click(function() {
	  $(".form").removeAttr("style");
	  $('.fa-plus').css('-webkit-transform', 'rotate(45deg)');
	  $('.fa-plus').css('-webkit-transition', '0.25s');
	  $('.fa-plus').css('color', '#FF0000');
	  $(".fa-plus").attr("id", "test");
	});

$("#test").click(function() {
  alert('test');
});