Получение пустой строки при попытке опубликовать значение textarea

Я пытаюсь опубликовать текст через textarea, но у меня есть проблема, моя проблема в том, что textarea находится внутри всплывающего окна, и когда я отправляю форму, получаю пустую строку, поэтому я не могу вставить только значение textarea с другими входными данными, которые находятся вне всплывающего окна. нет проблем

HTML:

<form action="index.php" method="post">
<!-- here are some input texts -->
<input type="text">.........

<!-- but here is a button, when click it show this popup which is written below -->
<input type="button" onclick="showPopup()">

<!-- popup -->
<div id="overlay"></div>
<div id="popup">
<textarea name="txt"></textarea>
<input id="hidepopup" onclick="hidePopup()" type="button" value="Hide popup">
</div>

<input type="submit" name="submit" value="Submit Form">
</form>

PHP:

if(isset($_POST["submit"])
{
$textarea = $_POST["txt"];
$query = "INSERT INTO table ";
$query .= "(text, other inputss....) VALUES("'$textarea', other inputs...")";
$result = mysql_query($con, $query);
if($result) {
echo $textarea; // here I get empty string :(
}

}