Iris examples

<!DOCTYPE html>
<html>

  <head>
    <meta name="google-site-verification" content="fp3sX_1CKJnYfWXEYkGMXun46uHsNxL5uSOPJSoLMv8" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
    <script src="https://rawgithub.com/thegameofcode/iris/v0.6.0/dist/iris.min.js" type="text/javascript"></script>
    <script src="iris-path.js" type="text/javascript"></script>
    <script src="init.js" type="text/javascript"></script>
  </head>

  <body></body>

</html>

self.get([data-id])
===================

Gets the JQuery object whose *data-id* matches with the param. If no *data-id* is passed, the JQuery root DOM node will be returned.

```html
<p data-id="paragraph">The name is John</p>
```

```javascript
self.get("paragraph").text("Anna");
```

iris.path = {
  "screen": {
    "welcome": {
      "html": "welcome.html",
      "js": "welcome.js"
    }
  }
};

$(window.document).ready(function () {
  iris.baseUri('./');
    
  // show the initial screen
  iris.welcome(iris.path.screen.welcome.js);
});

iris.screen(function (self) {

	self.create = function() {
    self.tmpl(iris.path.screen.welcome.html);
    
    self.get('txt-name').on('keyup',function() {
      self.get('name').text(this.value);
    });
		
	};

}, iris.path.screen.welcome.js);

<div>
    <h1>Hello <span data-id="name">World</span>!</h1>
    Write your name:<input data-id="txt-name">
</div>