[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 

[tenloginjestzaje...]

nie wiem jak to zrobić, pół nocy nad tym siedziałem..