Miért nem működik ez? Php/javascript

Van egy majdnem kész weboldal szerkesztőfelületem. Egy dolog kellene az, hogy személyre szabjam a megerősítést a törlés előtt. Lehet szöveget szerkeszteni képet, fájlt feltölteni stb...

De ez nem működik:

Lehívom adatbázisból a kép id-ját, amelyet egy button title attribútumába teszek. Tudom, hogy ez szokatlan, de megvan rá az okom. Erre a buttonra van egy click eseményem, amely annyit tesz, hogy egy hide nevű class-ben lévő (és tényleg display:none-os) form-ot előhoz modal-ként, tudjátok z-index egymilliócsillió, és 100%-os szélesség stb...

A lényeg az, hogy erre a buttonra, ami előhozza a modalt a click esemény még egy myBtn id-val rendelkező div-nek átadja a value értékébe a button title attribútumát.

Ez egy input type hidden, aminek átadja, és a name-je az, hogy parameter. Ha megkapja a parameter ezt az értéket, továbbküldi a php kódnak, és az ez alapján törli a képet. A title attribútumot sikerül kiolvasni, és console.log-olni, de az Istenért nem kerül be a value-be.

Így néz ki a kód, marha egyszerű:

$(document).ready(function() {

$(".delete").click(function() {

$(".hide").toggle(400);

$(".hide").toggleClass("show");

var string = ($(this).attr("title"));

document.getElementById("myBtn").value = string;

});

Ez pedig a két gomb:

echo "<input type='button' class='delete' value='törlés' title='".$row['id']."'>";

echo "<input type='hidden' name='parameter' id='myBtn'>";

A legfurább az, hogy egyszer raktem be ezeket a gombokat, de egyfelől megjelennek a képernyő közepén, másfelől megjelennek oldal hátul, mintha sokkal kisebb lenne a z-indexük. WTF??? Ez mi? És, ha a hidden type-pal rendelkezőt átírom button-ra, akkor ott lesz az id a háttérben, ugye a value lesz a "felirata" a gombnak. Ez mi a fene?