Help - Post Dynamic Data
<p><strong>Overview:</strong> <br>
I got a website that has sentences that people can post to facebook, but in each sentence there are input boxes, which people can change the default value. Kinda like an digital "Mad Lib".</p>

<p><strong>EXAMPLE</strong> <br>
I like <strong><em>_</em>_</strong> and I think he is <strong><em>_</em>_</strong>.</p>

<ul>
<li>the underscores would be a text-field with a default value that would disappear once someone focuses on it.</li>
</ul>

<p>Final string: I like JEN and I think she is HOT.</p>

<p><strong>GOAL</strong> <br>
Save final String and Post to Facebook (not worried about the facebook yet)</p>

<p><strong>HTML</strong> <br></p>

<pre><code>&lt;span&gt;I like&lt;/span&gt;
&lt;input name="post1_1" value="Tom" type="text" id="post1_1" /&gt;
&lt;span&gt;I think she is&lt;/span&gt;&lt;input name="post1_2" value="Nice" type="text" id="post1_2" /&gt;

&lt;a href="javascript:Post1()"&gt;POST NOW&lt;/a&gt;

&lt;span&gt;My website is&lt;/span&gt;
&lt;input name="post2_1" value="Great" type="text" id="post2_1" /&gt;

&lt;a href="javascript:Post2()"&gt;POST NOW&lt;/a&gt;
</code></pre>

<p><strong>SCRIPT</strong> <br></p>

<pre><code>&lt;script type="text/javascript" src="js/jquery-1.6.2.min.js"&gt;&lt;/script&gt;

&lt;script&gt;
var post1_1 = null;
var post1_2 = null;
var post2_1 = null;

function Post1(){
var post1_1 = $('#post1_1').val();
var post1_2 = $('#post1_2').val();
var post1 = 'I like ' + post1_1 + ' I think she is ' + post1_2;
alert(post1);
}

function Post2(){
var post2_1 = $('#post2_1').val();
var post2 = 'My website is ' + post2_1;
alert(post2);
}

&lt;/script&gt;
</code></pre>

<p>I am very new to web any help would be appreciated. </p>
