I have a problem here..

, I try to make separate Component in my Flex..
this is the part of myFirstMxml code :
<mx:Script>
<![CDATA[
private function _doLogin(event:MouseEvent):void {
if (!usernamein.length || !passwordin.length) {
Alert.show('Username / Password masih kosong !!','Login Failed',Alert.OK);
} else {
Alert.show('Your Login is '+usernamein.text,'Login Confirm Box',Alert.OK);
}
}
]]>
</mx:Script>then this is all of mySecondMxml code that just copy paste from the original before i made the different Mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Form height="122">
<!--Nah ini From Component || FormHeading(label Form) dan item2nya FormItem-->
<mx:FormItem label="Username">
<mx:TextInput id="usernamein">
</mx:TextInput>
</mx:FormItem>
<mx:FormItem label="Password">
<mx:TextInput id="passwordin" displayAsPassword="true">
<!--displayAsPassword="true" buat TextInputnya jadi Password Display-->
</mx:TextInput>
</mx:FormItem>
<mx:FormItem>
<mx:Button id="submitLoginin" label="Login" click="_doLogin(event);">
</mx:Button>
</mx:FormItem>
</mx:Form>
</mx:Canvas>
Then in myFirstMxml there are appear two error,
that the id Component that i declared in the function are undefined Property, but thats worked if i didnt separate that..

Thank you very much..
