Change the value of div align left or right or center
<p>is it possible to do it in jQuery AJAX</p>

<p>I have this div with the align center left or right</p>

<p>codes</p>

<pre><code>&lt;div class="dropdown" id="dropdown_one"&gt;
  &lt;h3&gt;Position of logo on the document&lt;/h3&gt;
        &lt;input type="hidden" name="c" value="cprof" /&gt;
        &lt;input type="hidden" name="user_code" value="&lt;?=$_GET['ucom'];?&gt;" /&gt;
        &lt;input type="hidden" name="com_code" value="&lt;?=$_GET['ccom'];?&gt;" /&gt;
        &lt;?
        $get_position = SET_SQL( "SELECT * FROM jon_com_add WHERE user_code = '".$_GET['ucom']."' " );
        ?&gt;
        &lt;input type="hidden" name="position_id" value="&lt;?=$get_position['a_id'];?&gt;" /&gt;
        &lt;input type="hidden" name="position_change" value="chg" /&gt;
        &lt;label&gt;Logo Position : &lt;/label&gt;
          &lt;p&gt;
            &lt;input name="logo_position" type="radio" value="left"&gt;
            Left

            &lt;input name="logo_position" type="radio" value="center"&gt;
            Center

            &lt;input name="logo_position" type="radio" value="right"&gt;
            Right
          &lt;/p&gt;
        &lt;label&gt;Logo Width&lt;/label&gt;
        &lt;input type="text" name="logo_width" value="632 x 128"&gt;
        &lt;p&gt;Format logo: &lt;span id="logo_size"&gt;632 × 128&lt;/span&gt;&lt;/p&gt;                  
&lt;/div&gt;&lt;!-- .dropdown_menu --&gt;

&lt;div class="company_name" align="&lt;?=$set_position['add_position'];?&gt;"&gt;
    &lt;strong&gt;&lt;?=$set['com_name'];?&gt;&lt;/strong&gt;&lt;br /&gt;
    &lt;?=$set['address'];?&gt;
&lt;/div&gt;
</code></pre>

<p>it was connected to the database.</p>

<p>now my jQuery</p>

<pre><code>$(function(){
    $('input[name=logo_position]').click(function(e) {
        $('&lt;img src="images/ajaxLoader.gif" id="loading" style="width:auto;" /&gt;').appendTo(".company_name");
        //Cancel the link behavior
        e.preventDefault();
        //Get the A tag
        var uc = $( 'input[name=usercode]' ).val();
        var cc = $( 'input[name=com_code]' ).val();
        var l_p = $( 'input[name=logo_position]' ).val();
        var aid = $( 'input[name=position_id]' ).val();
        var p_chg = $( 'input[name=position_change]' ).val();

        alert(aid);
        $.ajax({
            type:"GET",
            url:"forms/tem.php",
            data: {ucode: uc, ccode: cc, logo_p: l_p, a_id: aid, chg: p_chg},
            dataType: 'html',
            target: '.company_name',
            success: function(data){
                $(".company_name").find('img#loading').remove();
                $(".company_name").html(data);
            }
        })
    }); 

});
</code></pre>

<p>What im trying to do here is that when i click the radio button of logo_position
on the <code>div class="company_name" align="left"</code> will change. for example i click center it should be on the center.</p>

<p>is my jQuery Ajax wrong?
It doesn't save on the database the only it save was left the first radio button. but when i click center the ajax will just read was just left.</p>

<p>Something like i was doing a live view. So when i change something it will also change the position the font and other thing when i just click...</p>

<p>is this possible to do on jquery?</p>
