Объясните, почему так происходит

[ak-o]

Всем привет, есть вот такой код, скажем:

$(function() {
      var obj = {
           test: $('#menu')
      };
});

После загрузки страницы, obj.test равен объекту, но видимо что-то с ним не так, т.к работать с ним не получается.
Проблему решили следующим путем - сам файл, содержащий объекты такого вида, был перенесен в конец файла html перед закрывающим тегом </body>
И о чудо! все работает.
Если смотреть через консоль, то объекты чуточку отличаются друг от друга(при случае когда файл находится в HEAD и ближе к </body>)
Вопрос: почему так происходит,и с чем это может быть связанно?
Интересно узнать причину.Спасибо

[рони]

$('#menu')

картинки наверно содержит?

[manhun1]

нет картинок там нет

[ak-o]

код меню

<ul id="menu">
            <li class="menu-item menu-home" onclick="navigate('home')">
                <a href="#"></a>
            </li>
            <li class="menu-item menu-stock" onclick="navigate('stock')">
                <a href="#">акции</a>
            </li>
            <li class="menu-item menu-about" onclick="navigate('about')">
                <a href="#">о компании</a>
            </li>
            <li class="menu-item menu-installment" onclick="navigate('installment')">
                <a href="#">рассрочка</a>
            </li>
            <li class="menu-item menu-contact" onclick="navigate('contact')">
                <a href="#">контакты</a>
            </li>
            <li class="menu-item menu-item-clear"></li>
            <li class="menu-item menu-phone" onclick="navigate('contact')">
                <a href="#">+7 (495) 229 80 84</a>
            </li>
            <li class="menu-item menu-by" onclick="navigate('by')">
                <a href="#">
                    <img class="arrow" alt="" src="style/images/arrow.png" />
                    сделать заказ
                </a>
            </li>
</ul>

картинка есть, одна. в этом может быть проблема?

[рони]

Вопрос: почему так происходит,и с чем это может быть связанно?

потому что страница неполностью загружена

$(window).load(function () {
  // манипуляции с готовой страницей
});

[рони]

<img class="arrow" alt="" src="style/images/arrow.png" />

а вы говорили картинок нет

[рони]

ak-o,
задайте размер картинке -- а желательно и всем картинкам на странице

[ak-o]

$(window).load(function () {
  // манипуляции с готовой страницей
});

а $( document ).ready() не гарантирует полную загрузку страницы?
вроде $(function(){}) является аналогом doc.ready

[danik.js]

является. Странно это. Прям мистика какая-то. Меню точно не генерируется скриптом? Консоль вам в помощь, видимо чего-то не учли.

[ak-o]

Сами удивились такой штуке =) Нет, меню не генерируется.
сейчас занят, может ближе к концу дня выложу пример с этой мистикой