jQuery Forum

I am submitting a form with ajax and have a one input field inside div with css display:none for catching spambots but for some reason I can't get the value of the input inside an container with display:none ???

$("#submit_btn").click(function(e) {
    e.preventDefault();
    //get input field values
    var dummy_field = $('input[name=dummy]').val();
    var user_name = $('input[name=name]').val();
    var user_email = $('input[name=email]').val();
    var user_phone = $('input[name=phone]').val();
    var user_message = $('textarea[name=message]').val();

Can anyone recommend a slideshow plugin that supports both images and embedded youtube videos.  I need something that will look like the below mockup when you click on a thumbnail the image or video is loaded in the larger preview window. The images that would be used are variable sizes so ideally think it would need to use a container possibly utltising CSS background-size:cover to get a decent coverage of each thumbnail whilst keeping everything uniform in the thumbnails grid.

I want to add a reset link to tis script that shows a thubnail preview of image upload, can ayone help please?:

I have a PHP web application and I want to create a jQuery mobile version - Are the any tools that would do a lot of the work/conversion for me or do I need to rebuild the forms/layout etc from the ground up. The CSS/layout is pretty old so the first instance we wanted to build the jQuery mobile version then detect mobile/tablet devices and redirect them to the jQuery mobile version.

2nd phase is to build the mobile apps for iOS and Android but I'm primarily concerned with creating the jQuery mobile version and deploying for the web in the first instance.

Thanks in advance ....

I want this function to check the state of the checkbox on load as well as onchnage but it doesn't work, what am I doing wrong please?:

            $(function (SFToggle) {
                    $('#short_format').change(function () {
                        if ($('#short_format').is(':checked')) {
                    $(".no-short-format").hide();
                        }else{
                    $('.no-short-format').show();
                        }
                         
});
            });
    $(document).ready( function () {
  SFToggle();
});

I want to show/hide areas based on the state of a checkbox and the value of a radio group, this works but looks long-winded & can someone tell me a more elegant way to do this please so its fired on page load and checkbox state change:

Please someone tell me how to get this working  to show/hide div based on radio group value on page load and if changed

<script>

$(function () {

        if ($('input[name=assumptions]').val() == 1) {
            $('.assumptions-row').show();

        } else  {
            $('.assumptions-row').hide();
        }
});
    </script>

    <form>
        <p>
            <label>
                <input type="radio" name="assumptions" value="1" id="assumptions1">
                1</label>
            <br>
            <label>
                <input type="radio" name="assumptions" value="2" id="assumptions2">
                2</label>
            <br>
        </p>
    </form>
    <div class="assumptions-row">assumptions ......</div>

I have a vanilla js function below  that prevents any line breaks in a textarea whats the jquery equivalent of this please, covering all bases if users is typing or pasting content.:

 window.onload = function(){
     var short_desc = document.getElementById("short_desc");
       short_desc.oninput = function() {
         document.myForm.short_desc.value = document.myForm.short_desc.value.replace(/\n/g, " ").replace(/ +/g," ");
     }
     };