Live edit of text element
<p>We use script similar to this below:</p>

<pre><code>&lt;div class="sofb"&gt;
&lt;a class="btn btn-success btn-large" href="https://www.facebook.com/dialog/feed?app_id=123456789&amp;amp;link=http://www.somewebsite.com/folder/page&amp;amp;picture=http://www.somewebsite.com/resized/100/75/100/listing/4e8d38b37938f.jpg&amp;amp; name=For Sale: 5 Beds, 3 Baths - Birkdale, QLD 4159.  $849k&amp;amp;caption=www.somewebsite.com/&amp;amp;description=this is the bit we want to change dynamically&amp;amp;redirect_uri=&lt;?php echo $thaturl; ?&gt;"&gt;Share on Facebook &lt;i class="icon-facebook-sign"&gt;&lt;/i&gt;&lt;/a&gt;
&lt;/div&gt;
</code></pre>

<p>Above you will see that we have a description element, within the data sent to facebook. What I want to do, is allow that element to be updated LIVE on our page, not sure if this can be done, with things such as live edit, or mock ajax...</p>

<p>Essentially : description=this is the bit we want to change dynamically</p>

<p>I would like somehow to make this editable, so that we can send different data.</p>

<p>I have looked at <a href="http://vitalets.github.com/x-editable/" rel="nofollow">http://vitalets.github.com/x-editable/</a> and Knockout.js, but cannot seem to find soemthing that can do what I want.</p>

<p>Preview Image
<img src="http://i.stack.imgur.com/k5hj6.png" alt="enter image description here"></p>
