画面のボタンを押した際に指定のメソッドに処理が飛ばない

Question

webページである機能を作成しようとしているのですが、html、javascript、コントローラでのやりとりがうまくいきません。
そもそも機能の詳細の処理を記載をする前に、コントローラの指定のメソッドに処理が移せない状態です。

• 想定する流れ

ボタンを押すとjavascriptが処理され、そこで指定したコントローラのメソッド（post_function）に処理が移る

• 実際の挙動

ボタンを押すとjavascriptが処理され、そこで指定したコントローラの違うメソッド（get_index）に処理が移る

■環境
windows
php8（フレームワーク：fuelp）
html5.4

ご教授いただけますと幸いです。

html

	<div class="box-content">
		<form id="download" method="POST">
			<button class="btn btn-success btn-sm btn-download-csv"><i class="glyphicon glyphicon-download" />ダウンロード</button>
		</form>
	</div>

javascript

	$('.btn-download-csv').click(function() {
		var uri = '/test/page/function';

		$('form[id="download"]').attr('action', uri).attr('method', 'POST').submit();
		$('form[id="download"]').removeAttr('action method');
		return true;
	});

phpのコントローラファイル

	public function post_function() {
		log::info('post_function');
	}

Answer 1

そのjavascriptをどこに書いているかによっては、
htmlが表示される前に実行して対象の要素が見つからない状態で実行しているかもしれません。

jQueryの基本 - $(document).ready - Qiita
$(window).loadとの違いのあたりを読んでいただいて、
$(document).readyのタイミングがいいか$(window).loadのタイミングがいいか調整してみてください。