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(){
    $('.odoslat').livequery("click", function(e){
       $value = $(this).parents('.komentare').children('.text').val(); 

       if( $value )
         alert($value)  
    });
});