jQuery ボタンオブジェクトの取得ができず、button.prop('disabled', false)などの操作ができない。

Question

jQueryに最近初めて触れました。
そのため基礎的な質問かもしれませんが、
以下どうしても解決できないことがあるためご質問させていただきたく思います。

HTML　フォームと送信ボタン

<div id="contents">
    <form id="filterExportForm">
    	<div class="row justify-content-end text-right">
    		<button id="filterExportSubmit" class="btn btn-outline-primary">送信</button>
    	</div>
    </form>
</div>

jQery
送信ボタン自身のイベント

// 送信ボタンを$(this)で取得できる場合
$(document).on('click','#filterExportSubmit', function() {  
    // イベントで自身から取得
    var button = $(this);
    console.log(button);
}
```**【イベント内で$(this)で送信ボタンを指定できる場合の取得】**
var button = $(this);⇒thisで自身を取得。
※送信ボタンを含む他オブジェクトのクリックイベント内で$(this).find('#filterExportSubmit')なども同様
**・ログ出力結果**
n.fn.init [button#filterExportSubmit.btn.btn-outline-primary, context: button#filterExportSubmit.btn.btn-outline-primary]
となっており、										
**button.prop('disabled', false);でボタンの有効/無効が可能**	

```jQuery2
送信ボタンとは関係ない他のイベント
// 送信ボタンを$(this)で取得できない場合
$(document).on('change','input:radio[name="inlineRadioOptions"]', function() {
     // formから子要素を取得
     var button = $('#filterExportForm').find('#filterExportSubmit');
     console.log(button);
});
```**【イベント内で$(this)で送信ボタンを指定できない場合の取得】**								
var button = $('#filterExportForm').find('#filterExportSubmit');⇒formから子要素のidを指定して取得。	
**・ログ出力結果**							
n.fn.init [button#filterExportSubmit.btn.btn-outline-primary, context: document, selector: '#filterExportSubmit']	
となっており、										
**button.prop('disabled', false);でボタンの有効/無効が不可能**	

------------------------------------------------------------------------------------------------------------------------
どちらも同じオブジェクトを取得できている(？)ものの後半部分の2つのcontextの違いが問題だということはわかっているのですが、
【jQuery1】
context: button#filterExportSubmit.btn.btn-outline-primary]
【jQuery2】
context: document, selector: '#filterExportSubmit']

という風になぜ違いが出てしまうのでしょうか？また、何について調べれば理解できるのでしょうか？
context: buttonであればボタンに対して操作が可能なのはわかるのですが、
調べてみてもこれがどういった問題なのか全くわからないため、上手く調べることが出来ず解決が出来ません。

Answer 1

jQuery2の方のラジオボタンは実際はフォーム内に配置されており、
$('#filterExportForm').find('#filterExportSubmit')を$(this).closest('#filterExportForm').find('#filterExportSubmit')とすると解決しました。
しかし、
【jQuery1】
context: button#filterExportSubmit.btn.btn-outline-primary]
【jQuery2】
context: document, selector: '#filterExportSubmit']
の違いについてはまだわかっておらず、根本的に何が原因だったかのかはわかっていないため、教えてほしいです。