title: two way data bind using jquery
body: <p>We need to bind such like two way binding . When i change value at also display value in content using Javascript or Jquery.. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function myFunction() {
    var val = '';
    val = document.getElementById("text1").value;
    document.getElementById("demo").innerHTML = document.getElementById("demo").innerHTML + val;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;p&gt;Select a new car from the list.&lt;/p&gt;
  &lt;input type='text' id="text1" onKeyup="myFunction()"&gt;
  
  &lt;p&gt;When you select a new car, a function is triggered which outputs the value of the selected car.&lt;/p&gt;
  
  &lt;p id="demo"&gt;&lt;/p&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>If you any idea then help me !!! Thank you in advance</p>