title: is changing the html structure with jquery workable?
body: <p>This is my html code:</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;meta charset=&quot;utf-8&quot;&gt;
  
    &lt;title&gt;&lt;/title&gt;
    &lt;script src=&quot;jquery-1.9.1.min.js&quot;&gt;&lt;/script&gt;
     
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;form action=&quot; &quot; method=&quot;post&quot;&gt;
  &lt;input id=&quot;myInput&quot; type=&quot;text&quot;/&gt;
  &lt;input id=&quot;myButton&quot; type=&quot;button&quot; value=&quot;submit&quot;/&gt;
  &lt;p id=&quot;myOutput&quot; style=&quot;color: yellow; background: black; width: 100px;&quot;&gt;&lt;/p&gt;
  &lt;/form&gt;
  &lt;script&gt;
      $(&quot;#myButton&quot;).click(function() {
          var data = $(&quot;#myInput&quot;).val();
          $(&quot;#myOutput&quot;).val(data);
      });
  &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  <p>Let's say at the moment my code is</p>
  <p><code>&lt;p id=&quot;myOutput&quot; style=&quot;color: yellow; background: black; width: 100px;&quot;&gt;&lt;/p&gt;</code></p>
  <p>Is jQuery able to change the codes?</p>
  <p>let's say if somehow I type red then the code would be</p>
  <p><code>&lt;p id=&quot;myOutput&quot; style=&quot;color: red; background: black; width: 100px;&quot;&gt;&lt;/p&gt;</code></p>
  <p>and if I have another input text area and input 200 then the code would be</p>
  <p><code>&lt;p id=&quot;myOutput&quot; style=&quot;color: yellow; background: black; width: 200px;&quot;&gt;&lt;/p&gt;</code>
  something like that.</p>
  <p>Not exactly want to change just the class or just the style or the width but just wondering if I can use a text area input and after submitting then maybe the value of the code would change something like that...</p>