JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://www.austinsmallbiz.com/WebCOE/livequery%201.0.3/jquery.livequery.js"></script>
<h2> PRÍSPEVOK 1 </h2>
<div class="komentare" id="komentare-1">
<textarea class="text" id="text-1"   cols="60"></textarea>
<div class="odoslat" id="odoslat-1">Odoslať</div>
</div>

<h2> PRÍSPEVOK 2 </h2>
<div class="komentare" id="komentare-2">
<textarea class="text" id="text-2"   cols="60"></textarea>
<div class="odoslat" id="odoslat-2">Odoslať</div>
</div>

<h2> PRÍSPEVOK 3 </h2>
<div class="komentare" id="komentare-3">
<textarea class="text" id="text-3"   cols="60"></textarea>
<div class="odoslat" id="odoslat-3">Odoslať</div>
</div>

CSS

body{background-color:#ddd;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;font-size:13px}
textarea{float:left;color:#777;background-color:#fff; }
.komentare{height:50px;}
.text{padding:0px;font-family:"lucida grande", tahoma, verdana, arial, sans-serif;}
.odoslat{float:left;background:#0a0826;border:1px solid #484668;color:white;font-weight:bold;text-align:center;margin-left:2px;height:32px;line-height:33px;width:80px;outline:0;padding:0 12px;display:inline-block;}
.odoslat:hover{ cursor:pointer;}

JavaScript

$(document).ready(function() {
    var parentID = $('.komentare').attr('id').replace('komentare-', '');
    $('#odoslat-' + parentID).livequery("click", function(e) {
        var a = $("#text-" + parentID).val();
        if (a!=="") {
           alert(a);
        } 
    });
});