Googleカスタム検索でplaceholderを設定したいが、jQueryで設定できない

Question

Googleカスタム検索で、検索を埋め込みたい場所に

<div class="gcse-searchbox"></div>

とすると
以下のようなコードが出力されるので、placeholderを設定したいと思ったのですが、動作しませんでした。
他にtype="text"のinputタグを作って試してみましたが普通のinputタグなら動作しました。

Google検索のinputタグだけ動作しないのが理由がよくわかりません。

//Googleカスタム検索のAPIから出力されるHTML一部
<input autocomplete="off" type="text" size="10"
    class="gsc-input" name="search" title="検索" id="gsc-i-id1" dir="ltr"
    spellcheck="false"
    style="width: 100%; padding: 0px; border: none; margin: -0.0625em 0px 0px; height: 1.25em; outline: none;" placeholder="サイト内検索">

(function ($) {
    $(document).ready(function() {
        $('#gsc-i-id1').attr('placeholder', 'サイト内検索');
    })
})(jQuery);

よろしくお願い致します。

Answer 1

window.onload = function(){
    document.getElementById('gsc-i-id1').placeholder = 'サイト内検索';
};

これでいけました。
jQueryの書き方が悪かったのか・・・勉強します。