Small part of my html code :

<div class=text-center>



        <div class=btn-group>

            <button type=button class=btn btn-default dropdown-toggle data-toggle=dropdown>

                Platforms <span class=caret></span>

            </button>

            <ul class=dropdown-menu role=menu id = buttonsPlace>

            </ul>



        </div>

In my js file :

for (i = 0; i < platformList.length; i++) {

        var li =  $(<li/> , { id : plat+i,class : dropdown text : platformList[i]  } )

        //var text = document.createTextNode(platformList[i]);

        //li.appendChild(text);

        //btn.data(platform, platformList[i] );

         $(#buttonsPlace).append(li);

        console.log(hiding);

        $(#plat + i).hide();

    }

However the menu is appearing but the menu items are not. where am i going wrong