changing format of text using jquery
<p>I have following that  can change display style of text in the html's p tag it can display properly at the time of loading of page but when I change the text in p tag using text box it cant work out, can you please help me.</p>

<p>Following is the code for that.</p>

<pre><code>&lt;input type="text" id="text1" size="15" alt="#index1" accept="#index2"&gt;
&lt;p id="index1"&gt;Just Cur Me&lt;/p&gt;
&lt;input type="button" id="button" value="Click Me" &gt;
&lt;input type="button" id="button_new" value="Click Me and check" &gt;
&lt;script&gt;
var $example4   = $('#index1').hide();
var $textBox   = $("#text1").hide();


google.load('webfont','1');

            google.setOnLoadCallback(function() {
                WebFont.load({
                    google      : {
                        families    : ['Montserrat','Concert One']
                    },
                    fontactive  : function(fontFamily, fontDescription) {
                        init();
                    },
                    fontinactive    : function(fontFamily, fontDescription) {
                        init();
                    }
                });
            });


function init()
{
$example4.show().arctext({radius: 300});
$textBox.show();
}
$textBox.blur(function(){
 $example4.html($textBox.val());
 return false;
});

                $('#button_new').on('click', function() {
                    $example4.arctext('set', {
                        radius      : 100,
                        dir         : -1
                    });
                    return false;
                });

                $('#button').on('click', function() {
                    $example4.arctext('set', {
                        radius      : 20,
                        dir         : 1

                    });
                    return false;
                });



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