Ajax e Javascript - passar dados

Bom dia pessoal. Continuo apanhando de JS.
Pois bem, segue um script para discussão:

<script>
 function buscar(palavra, texto){
 var contar = document.forms[0].texto.value.length
 if (contar%20 == 0) {
 var page = "evoluir.php";
 var palavra = document.getElementById(palavra).value;
 var texto = document.getElementById(texto).value;
 $.ajax({
 type: 'POST',
 dataType: 'html',
 url: page,
 beforeSend: function () {
 $("#dados").html("Salvando Rascunho...");
 },
 data: {palavra: palavra, texto:texto},
 success: function (msg){
 $("#dados").html(msg);
 }
 });
 }else{
 document.forms[0].caracteres.value= contar;
 }
 }
 $('#buscar').click(function () {
 buscar($("#palavra").val(),$("#texto").val())
 });
</script>
<form action="#" method="post">
<td><input type="text" name=caracteres size=4></td>
 <input type="text" class="form-control" id="palavra" placeholder="Buscar por...">
 <textarea type="text" id="texto" name="texto" onKeyDown="buscar('palavra','texto')" onKeyUp="buscar('palavra','texto')" style="min-height:300px;width:90%;background-color:#000;color:white;font-size:16px;" placeholder="Evolução clínica" ></textarea>
 <button class="btn btn-default" id="buscar" type="button" onclick="buscar('palavra','texto');">Finalizar</button>
 <button class="btn btn-default" id="buscar" type="button" onclick="buscar('palavra','texto');">Salvar rascunho</button>
</form>
 <div id="dados">Pesquise por nome do paciente ou número de prontuário</div>

Neste código eu envio (deveria) os dados do forma quando o texto do <textarea> atingisse um múltiplo de 20, porém quando eu a função buscar é chamada aparece o erro no depurador: TypeError: buscar is not a function. Tando para onKeyDown quanto para onKeyUp.

Entretanto se eu separo a parte de fazer a conta (múltiplos de 20) da parte de enviar o FORM e as testos separadamente elas funcionam perfeitamente. O que faço errado ao mescla-las?

Agradeço