[JavaScript] textarea po kliknięciu Opcje

[tenloginjestzaje...]

Witam
Posiadam kod ( https://jsfiddle.net/uqx2htj0/1/ ), który wyświetla textarea w danym divie. Znak $ zastępuje: document.getElementById. Niestety nie działa, dzięki za pomoc

[PHP] pobierz, plaintext 
<div class = "post">
treść posta 1treść posta 1treść posta 1treść posta 1treść posta 1treść posta 1treść posta 1treść posta 1treść posta 1treść posta 1treść posta 1treść posta 1<br/>
<span class = "odpowiedz" data-id = "1">odpowiedz na post 1</span>
</div>
<div class = "post">
treść posta 2treść posta 2treść posta 2treść posta 2treść posta 2treść posta 2treść posta 2treść posta 2treść posta 2treść posta 2treść posta 2treść posta 2treść posta 2treść posta 2treść posta 2treść posta 2treść posta 2treść posta 2treść posta 2treść posta 2treść posta 2treść posta 2treść posta 2treść posta 2treść posta 2<br/>
<span class = "odpowiedz" data-id = "2">odpowiedz na post 2</span>
</div>
<div class = "post">
treść posta 3treść posta 3treść posta 3treść posta 3treść posta 3<br/>
<span class = "odpowiedz" data-id = "3">odpowiedz na post 3</span>
</div>
<div id = "odpform">
<form>
  <textarea id = "odptext"></textarea><br/>
  <input type = "submit"/>
</form>
</div>
 
<script type="text/javascript">
document.getElementById('.odpowiedz').click(function() {
document.getElementById('#odpform').find('#odptext').val('odpowiadam na post ' + document.getElementById(this).data('id'));
document.getElementById(this).append(document.getElementById('#odpform'));
document.getElementById('#odpform').show();
});
</script>
[PHP] pobierz, plaintext 

[trueblue]

Nie .odpowiedz, nie #odpform i nie this.
Powinieneś podać id elementu - nazwa funkcji jednoznacznie o tym mówi.

Inna sprawa, że funkcja find i inne, których używasz nie zadziałają, ale skoro ich używasz, to zostaw $. Zdecyduj się albo na jQuery, albo na czysty JS.