How to Render the Controls Dynamically??

 Hi All,

This is my Model

<xforms:model>
<xforms:instance id="control types">
    <controlTypes>
          <textBox/>
          <radio/>
    </controlTypes>
</xforms:instance>

<xforms:instance id="control types">
    <controlCode>
          <textBoxCode> <xforms:input ref="instance('controlTypes')/textBox"/></textBoxCode>
          <radioCode><xforms:select1 ref="instance('controlTypes')/radio"/></radioCode>
    </controlCode>
</xforms:instance>
<xforms:model>

In body i am trying to get the controls dynamically by calling like this

<xforms:output ref="instance('controlCode)/textBoxCode"/>
<xforms:output ref="instance('controlCode)/radioCode"/>

But always i am getting the output as shown below insted of the Expected output.

<xforms:input ref="instance('controlTypes')/textBox"/>
<xforms:select1 ref="instance('controlTypes')/radio"/>


Can anybody help me how to render that control code as Controls