repeater parent.perch_item_index is blank

I looked through this link and followed the steps https://forum.grabaperch.com/forum/09-21-2015-perch-item-index-in-repeater-in-multiple-item-region

here is my code

<perch:repeater id="moreimages" label="More Images" order="4" scope-parent="true" />
    <div style="float:left" class="product-detail-thumbs  portrait active"> <img alt="<perch:shop id="title" type="text" label="Title" required="true" order="2" />" onClick="javascript:$('.<perch:shop id="slug" type="slug" />').unslider('animate:<perch:content id="parent.perch_item_index" type="hidden" scope-parent="true" />');" src="<perch:shop id="more_image" type="image" width="90" height="120" crop="true"  bucket="images"  />   " > </div>
</perch:repeater>

notice below code, outputs blank.

<perch:content id="parent.perch_item_index" type="hidden" scope-parent="true" />